Angular 如何从嵌套在ngFor中的select将数据绑定到模型？

我正在创建一个表，其中的行是通过ngFor构建的

在其中一列中，我想要一个select，它也有一个ngFor。这里的问题是，当我在select上使用ngModel时，一旦我选择了一个选项，它就会影响所有其他重复选择。试图找出如何从一个select中获取数据

  <tr *ngFor="let data of tableData">
     <td>{{data.SystemName}}</td>
     <td>{{data.StandardName}}</td>
     <td>{{data.DBName}}</td>
     <td>{{data.ResourceName}}</td>
     <td>
       <select class="form-control"> <!--I need ngValue selected for this select-->
         <option value="" selected disabled></option>
         <option [ngValue]="fieldData" *ngFor="let fieldData of uFieldData">{{fieldData.FName}} - {{fieldData.EName}} - {{fieldData.FDataType}}</option>
        </select>
      </td>
      <td>
         <select class="form-control">
             <option value="" selected disabled></option>
             <option [ngValue]="mappingTypeData" *ngFor="let mappingTypeData of uMappingTypeData">{{mappingTypeData.Name}}</option>
          </select>
       </td>
       </tr>

---

在JavaScript中，您可以分配object.property或object['property']等属性，您可以在嵌套的*ngFor中使用第二种语法和Angular的绑定

组成部分

材料=[‘玻璃’、‘木材’、‘金属’]； 颜色=[‘绿色’、‘蓝色’、‘黄色’]； 项目={玻璃：绿色，木材：黄色，金属：黄色}； 模板

{{material}} {{color}} 其中，项[material]将解析为项[wood]之类的一种材料，并基于此指定ngModel

---

您尝试绑定到的模型是什么？@0mpurdy我只是尝试将select的值存储到组件中，以便与TS一起使用，以便向我的数据库发送帖子。可能我使用的模型是错误的，我假设组件是模型。那么可能就是您想要的。我可以使用change=changeField$event.target.value获得选项文本中的值，但是$event.target.value只提供文本，我想知道ngFor字段数据中的整个项目是否回答了您的问题？您的答案帮助我找到了解决方案。我创建了一个空数组。在父ngFor中，我添加了一个let y=索引。在子ngFor中，我使用了一个与您的[ngModel]=“selectedField[y]”类似的ngModel，现在整个存储过程不会影响其他selects字段。谢谢