Angular ng-options 设置值与对象中的相同

Question

我试图使 value 属性等于它在对象中的值。

例如：

对象：

$scope.tagSelect = [
        { Name: 'Must have', Value: 1 },
        { Name: 'Must not have', Value: 2 }];

角度 HTML：

<select ng-options="select.Value as select.Name for select in tagSelect" ng-model="tag.MatchLogic"></select>

输出：

  <select ng-options="select.Value as select.Name for select in tagSelect" ng-model="tag.MatchLogic" class="ng-pristine ng-valid">
        <option value="0" selected="selected">Must have</option>
        <option value="1">Must not have</option>
  </select>

这不是我想要的。我想要的是选项值等于我的对象中的值。

更多如下：

<option value="1" selected="selected">Must have</option>
<option value="2">Must not have</option>

Answer 1

我认为您的方式是正确的，模型值正确更新但 HTML value 属性值不同。奇怪的行为，但它看起来像是想要的。

ng-options="select.Value as select.Name for select in tagSelect"

http://jsfiddle.net/nicolasmoise/Y8C5A/

注意 ng-model 如何更新为正确的值。