Angular 2 ngb-datepicker navigateTo

Question

我在我的应用程序中使用 ngb-datepicker。当在我的组件类中执行函数时，我想导航到特定的月份/年份。我知道 ngbDatePicker 中有一个名为 navigateTo 的方法，可以调用它来导航到特定的月份/年份。但这是在 HTML 页面中完成的，如下所示。我可以在组件类中调用相同的方法 navigateTo 吗？谢谢。

<ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = 
$event.next"></ngb-datepicker>
<button class="btn btn-sm btn-outline-primary mr-2" 
(click)="dp.navigateTo()">To current month</button>

Answer 1

您可以在 component.ts 中轻松完成

 @ViewChild('dp') datepicker: NgbDatepicker;

然后，

    ngAfterViewInit() {
    this.datepicker.navigateTo(..);
 }

在模板中，

 <ngb-datepicker #dp ></ngb-datepicker>

注意:您需要使用 AfterViewInit 接口(interface)实现该组件。并将 NgbDatepicker、ViewChild 和 AfterViewInit 导入到 component.ts 中