0

我有一系列设备,每个设备都包含操作。我正在使用嵌套的 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>
4

1 回答 1

0

您需要对 , 有一个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就会被设置为选中的动作。

于 2013-06-14T05:29:19.683 回答