ng-repeat中的AngularJS动态选择

时间:2019-06-19 09:32:47

标签: javascript angularjs

我正在表格中打印产品列表。该产品列表具有产品类型(typeId)。我希望能够通过使用选择输入直接在表中更改产品的typeId

当我尝试在选择输入中设置产品的默认选项时出现问题,因为它应该是typeId的选项。

ng-repeat="x in screensList"。 x代表产品。

我尝试使用ng-init或ng-value,但无法正常工作。每个选择的ng模型应包含什么值?

代码和图像:

<tbody>
    <tr ng-repeat="x in screensList">
      <th scope="row">
        {{x.pantalla}}
      </th>
      <td>
        {{x.description}}
      </td>
      <td>
         <select class="form-control" ng-model="slideshowSelect" ng-options="y.title for y in slideshowsList track by y.id">
         </select>
      </td>
      <td class="text-right">
         <button type="button" ng-click="deleteService($event)" serviceId="{{x.id}}" class="btn btn-danger btn-sm">Eliminar</button>
      </td>
    </tr>
</tbody>

彩色代码: enter image description here

结果: enter image description here

1 个答案:

答案 0 :(得分:1)

我认为这是您所需要的:

 <select class="form-control" ng-model="x.idSlideshow" ng-options="y.id as y.title for y in slideshowsList">
 </select>

检查工作示例:fiddle link