0

我正在使用 Angular 上的反应式表单,但是在从自定义组件传播对表单的更改时遇到了麻烦。

例如,您可以在 plunkr 中看到使用 flatpickr 制作的日期输入组件。

https://plnkr.co/edit/okIjPb6aUcrzx3t7edae?p=info

您可以特别看到这段代码,当它设置属性日期时,它应该将更改传播到外面的表单,但是不,表单没有被更新。

ngOnInit() {
 this.instance = flatpickr(this.elDate.nativeElement, {
   onChange: (selectedDates, dateStr, instance) => {
     this.date = selectedDates[0];
   }
 });
}
set date(val) {
    this._date = val;
    this.propagateChange(val);
}

plunkr 中还有一个反输入示例,它适用于角度原生事件,并且运行良好。

但是在使用自定义事件的日期输入中(我认为)它不起作用。

我认为解决方案类似于旧 Angularjs 中的旧 applyAsync,但 Angular 承诺通过使用区域来解决这些问题,所以我不清楚。我想对这个问题有所启发。

4

1 回答 1

1

您忘记将控件绑定到您的FormGroup

<date-input [date]="date" formControlName="date"></date-input>
                          ^^^^^^^^^^^^^^^^^^^
                              add this

分叉的柱塞

于 2017-09-26T09:24:33.640 回答