Angular 4 : NgModel doesn't work. 未将值设置为 "date"字段

Question

我尝试使用 Angular 4 为“日期”类型的输入设置一个值，但我做不到。我的领域结构如下:

<input 
    type="date"
    class="form-control"                        
    ([ngModel])="edt_object.list_changedate" 
    (ngModelChange)="edt_object.list_changedate = $event"
    formControlName="list_changedate"
    name="list_changedate"
    id="list_changedate"
    style="width: 228px!important">

我尝试设置值的 Typescript 代码如下:

this.edt_object.list_changedate = this.lista_selected.list_changedate

然而，没有任何反应。当我使用 jQuery 分配值时(是的，同时使用 Angular 和 jQuery)它确实有效，但是，当我尝试使用 Angular 验证该字段时，该字段的状态为“无效”，因为 Angular 没有值。我该怎么办？

Answer 1

改变

 ([ngModel])="edt_object.list_changedate" 
 (ngModelChange)="edt_object.list_changedate = $event"

到

 [ngModel]="edt_object.list_changedate" 
 (ngModelChange)="onChange($event)"

并将onChange()实现为

onChange(event) {
    // emit event
}

[(ngModel)] 是双向绑定(bind) (ngModelChange) 是 ngModel 的@Output。如果你想使用 (ngModelChange) 你必须使用 [ngModel]