Angular 4：NgModel 不起作用。不将值设置为“日期”字段

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)]是双向绑定（ngModelChange）是ngModel的@Output。如果你想使用(ngModelChange)你必须使用[ngModel]