我面临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>

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