javascript - 如何使选择列表修改 angular.js 中的属性

Question

我有一系列设备，每个设备都包含操作。我正在使用嵌套的 ng-repeats 列出所有设备并提供一个包含所有操作的选择列表。如何在设备上创建一个始终代表当前选定操作的属性？这是我目前的代码：

  <div class="span5 outputDevices well" droppable>
    Drag a device here for output

    <div class="droppedDevice" ng-repeat="outputDevice in outputDevices" >
      <h1>{{outputDevice.fields.baseDevice.fields.name}}</h1>

      <button class="btn btn-danger" ng-click="removeDevice('output', $index)">
          X
      </button>

      <select class="outputActions">
        <option>
          Select Action
        </option>
        <option ng-repeat="action in outputDevice.fields.baseDevice.fields.outputs">
          {{action.fields.name}}
        </option>
      </select>

    </div>
  </div>

编辑：我已经尝试根据下面的评论修改我的选择，但是这些操作现在似乎根本没有重复：

      <select class="inputActions" ng-options="action.fields.name for action in inputDevice.fields.baseDevice.fields.inputs">
        <option value="">
          Select Action
        </option>
      </select>

Answer 1

您需要对 , 有一个ngModel指令select，如：

<select class="outputActions" ng-model="outputDevice.action"
        ng-options="action.fields.name for action in outputDevice.fields.baseDevice.fields.inputs">
    <option value="">
      Select Action
    </option>
</select>

这样，如果一个动作被选中，outputDevice.action就会被设置为选中的动作。