of-bootstrap: DatePicker NavigateTo

Question

尝试更改默认日期并使用 following code 使用 Datepicker Navigation 导航到它；但是，我一直遇到这个问题

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.

我尝试在 ngAfterViewInit 期间将默认值更改为相同的值，但它没有指向更改时的模型，我不确定如何处理当前值。我试图在构造函数中包含 API 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?

of-bootstrap: DatePicker NavigateTo

ng-bootstrap: DatePicker NavigateTo

angular

bootstrap-4

ng-bootstrap