ng-bootstrap: DatePicker NavigateTo

Question

尝试更改默认日期并使用following code通过日期选择器导航导航到该日期；但是，我总是遇到问题

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. 

我尝试在ngAfterViewInit期间将缺省值更改为相同的值，但更改时不指向模型，并且我不确定如何处理当前值。我试图在构造函数中包含NgbDatepickerNavigateEvent接口，但似乎没有解决问题。缺少如何插入此API...

Answer 1

在ngAfterViewInit中更改视图模型会导致此错误，有许多方法可以消除此错误，但我建议像这样调用ngOnInit：

export class NgbdDatepickerBasic implements OnInit {

 @ViewChild('dp', { static: true}) datepicker: NgbDatepicker;

 ngOnInit() {
  this.model = { month: 12, year: 2022, day: 12 };
  this.datepicker.navigateTo({ year: 2022, month: 12, day: 12});
 }

}

Stackblitz DEMO

ExpressionChangedAfterItHasBeenCheckedError in Angular — What, Why and How To Fix It?