javascript - 选择不绑定(bind)数据ng-重复数据

Question

我试图在 ng-repeat 中放置一个选择列表，以允许选择列表多次显示，用户为每个显示的选择列表选择一个值。我的代码如下:

      <div class="actionList" ng-repeat="selectedAction in inputDevice.selectedActions">
        <select class="inputAction" ng-model="selectedAction" ng-options="action as action.fields.name for action in inputDevice.fields.baseDevice.fields.inputs">
          <option value="">
            Select Action
          </option>
        </select>
        <button class="btn btn-primary" ng-click="addAction(inputDevice, $index)">
          +
        </button>
      </div>

它工作得很好，除了当我选择选择列表选项之一时，选择列表只是返回到默认状态并且该选项未被选中(所选操作的状态也保持不变)。我尝试更改 selectedAction 上的属性，例如 ng-model="selectedAction.value" 而不是 selectedAction 本身，以获得相同的结果。如果我将 ng-model="selectedAction" 更改为其他任何内容，例如 ng-model="foo" 它工作正常，并且我可以观察选择边界的值到范围内新创建的值 foo 。为什么我无法绑定(bind)到重复元素？

Answer 1

如果您添加一个 jsfiddle 链接来玩会容易得多，但在我看来，您试图将 ng-model 设置为基元(字符串)而不是对象，因此每次更改时它，值(value)已经不存在了。 selectedAction.value 在这种情况下也不起作用，因为 selectedAction 是一个字符串。

如果 inputDevice.selectedActions 是一个对象数组，我认为它会工作得很好。

您可以尝试的另一件事(不确定它是否会起作用，因为我没有 jsfiddle:))是，设置 ng-model="foo{{$index}}"- 那么理论上它应该保存该值到一个新的范围变量与循环中的索引。