Angular2＆amp; ngbootstrap Datepicker和NavigateTo（）函数

Question

在这个plnkr（由bootstrap提供）中，他们使用一个按钮来调用navigateTo（）函数。这会将日历中的焦点重置为当前月份或他们选择的月份，具体取决于他们是否使用它来发送年份和月份。

http://embed.plnkr.co/wC4XeI8OOIBAMLo9yeFc/

如何在我的.ts文件中以编程方式执行此操作？

myapp.ts
dp: NgbDatepicker;
model: NgbDateStruct;

onClick() // from a button for temporary testing
{
  this.dp.navigateTo (); // Cannot read property 'navigateTo' of undefined
  this.model = {year: 2017, month: 10, day: 3}; // this selects the date properly
}

当我键入this.dp.navigateTo时，

vsCode具有正确的代码提示，它只是不起作用。有任何想法吗？感谢。

Answer 1

您可以在@ViewChild装饰器的帮助下完成此操作

@ViewChild( 'dp') dp;
this.dp.navigateTo({year: 2018, month: 2});