angular - 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">

我尝试设置值的打字稿代码如下：

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]

Answer 2

作为问题的变体之一，它可能是不正确的日期格式。尝试调试“this.lista_selected.list_changedate”值。它应该类似于“2016-10-13”格式。