angular - 我正面临 ngModel 的一个问题

Question

我正在使用 ngModel 进行双向数据绑定。但内部文本字段值打印错误

 <span><input type="text" name="name{{h.id}}"  [(ngModel)]="assessmenttype[i].heads[j].value" /></span>
                    <span>{{assessmenttype[i].heads[j].value}}</span>

标签： angular

Answer 1

从Suresh Kumar Ariya创建的 Stackblitz 中，我修改了一些代码，如下所示

TS文件

assessmenttype = [{
  heads: [{
    value: 1
  }]
 },{
  heads: [{
    value: 2
  }]
 },{
  heads: [{
    value: 3
  }]
}];

h = {
  id: 1
};

模板文件

<div *ngFor="let type of assessmenttype">
  <span>
    <input type="text" name="name{{h.id}}"  [(ngModel)]="type.heads[0].value"/>
  </span>
  <span>{{type.heads[0].value}}</span>
</div>

工作示例在这里Stackblitz