我无法在angular5中看到表单中的输入值

时间:2018-03-20 15:10:17

标签: angular typescript

我的HTML代码

<input type="text" name="fechainscripcion" #fechainscripcion="ngModel" [(ngModel)]="alumno.fechainscripcion" value="{{today | date:'dd/MM/yyyy'}}" class="form-control" />

我的组件

this.today = Date.now();
this.title = 'Añadir';
this.alumno = new Alumno('','','','','','',null,'','','Alta');

在alumno数组中,fechainscripcion的值为null。

我希望看到价值&#34; {{今天|日期:&#39; DD / MM / YYYY&#39;}}&#34;在输入中。

2 个答案:

答案 0 :(得分:0)

删除[(ngModel)]指令,对于初学者,然后使用[value]="..."

如果您使用value而未使用&#39; []&#39; Angular将它设置为字面上你放入引号的内容。无论如何,在这种情况下无关紧要,因为ngModel也将值设置为null

如果您希望输入在默认情况下指示当前日期,请在Alumno构造函数中设置该日期,而不是null

答案 1 :(得分:0)

{{}}应该用于插值。但是,这与您使用ngModel绑定input元素无关。删除部分:[(ngModel)]="alumno.fechainscripcion"

或者将日期值放在alumno中。