当Ng日期时间选择器选择时，无法滚动背景页

Question

我使用了以下Ng日期时间选择器作为我的角度形式。

https://danielykpan.github.io/date-time-picker/

当选择日期时间选择器时，我无法滚动背景页，因为它在默认情况下是禁用的。我需要做的是在选择日期选择器时启用页面滚动。在进一步的调查中，我发现滚动Straergy被设置为">blockStraergy"；默认情况下。我在日历中添加了一个点击事件，并将状态更改为">noopStrategy"；。

这是我的HTML标签。

<fieldset class="form-group">
<label>Occured After</label>
<div class="input-group">
<input formControlName="occuredAfter" [owlDateTimeTrigger]="datePicker2"
[owlDateTime]="datePicker2"
class="form-control" placeholder="mm/dd/yyyy HH:MM" id="occuredAfter">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar fa fa-calendar" (click)="enablepage()"
[owlDateTimeTrigger]="datePicker2" type="button" ></button>
</div>
<owl-date-time #datePicker2 [showSecondsTimer]="false"></owl-date-time>
</div>
</fieldset>

这是我在.ts类中的Strategy更改方法

public enablepage(): () => void {
this.overlay.scrollStrategies.noop();
}

但这给了我一个错误。

TypeError: this.overlay is undefined

有人能给我找到一种方法，把区块Strategy改为"；closeStratergy"；或"；noopStrategy"；。

Answer 1

您必须这样使用。

import {
ScrollStrategy,
ScrollStrategyOptions
} from "@angular/cdk/overlay";
export class test implements OnInit {
scrollStrategy: ScrollStrategy;

constructor(private readonly sso: ScrollStrategyOptions) {
this.scrollStrategy = this.sso.noop();//.reposition();
}
}

像这样使用

<owl-date-time [scrollStrategy]="scrollStrategy"  #yourdate></owl-date-time>