angular input是使用for循环出来的name属性应该怎么处理？

Question

<mat-form-field class="half-width">
   <input matInput placeholder="答案" [(ngModel)]="opt.answer" required name="answer" />
</mat-form-field>

在angular中input标签使用ngModel的时候，其实Angular新建了一个FormControl，他需要使用name来标记身份，但是这个input是使用ng-for重复渲染出来的。那么我这个name应该怎么处理呢？

Answer 1

const optionObj = {
    field1: 'value1',
    field2: 'value2',
    field3: 'value3'
}

const options = [
    {field:'field1', name: 'desc1'},
    {field:'field2', name: 'desc2'},
    {field:'field3', name: 'desc3'}
];


<mat-form-field class="half-width" ngFor="let opt in options">
   <input matInput placeholder="答案" [(ngModel)]="opt.field" required name="{{opt.name}}" />
   <!-- 不好使就把大括号去掉再试试 -->
</mat-form-field>