角双向绑定不适用于数据输入

时间:2018-11-22 16:15:35

标签: angular

我正在尝试做一件简单的事情,但是没有用。 您能帮我将日期值打印到数据字段中吗? 请考虑我不想将属性datetask更改为字符串

您可以在这里进行测试,以防万一 https://stackblitz.com/edit/redux-in-actions?file=src%2Fapp%2Fcomponents%2Ftask%2Ftask.component.ts

谢谢

//CLASS
export class Task {
      id: Number;                 
      description: String;    
      datetask: Date;  
}


//COMPONENT
item :Task
constructor() {
      var obj = new Task();      
      obj.datetask =  new Date();
      this.item = obj;
}


<!-- VIEW -->
<form [formGroup]="form" autocomplete="off">             
      data: <input  [(ngModel)]="item.datetask" id="datetask" [formControl]="datetask" type="date">               
      <button    type="submit">Save</button>
</form>

1 个答案:

答案 0 :(得分:0)

您是否已将这些文件安装在app.module.ts文件中?

import { FormsModule, ReactiveFormsModule  } from '@angular/forms';

...

@NgModule({
declarations: [
AppComponent,
...
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule
],
providers: [],
bootstrap: [AppComponent]
})