Question

当我使用ng-option绑定我的下拉列表时，代码值从字符串更改为0,1,2 ....这里是我的代码

<select ng-model="class.code"
   data-ng-form="field"
   data-ng-required="false"
   ng-options="item.code as item.name for item in classes"
   class="form-control" />

这是我用来绑定下拉列表的json

class.code : 'EQ';
classes: [ { "code": "BU ", "name": "BU " },  
  { "code": "EQ ", "name": "EQ " }, 
  { "code": "IO ", "name": "IO " }, 
  { "code": "LA ", "name": "LA " }, 
  { "code": "VH ", "name": "VH " } ]

从浏览器复制（检查值）

<select ng-model="class.code" 
   data-ng-form="field" 
   data-ng-required="false" 
   ng-options="item.code as item.name for item in classes" 
   class="form-control">
   <option selected="selected" value="?"></option>
   <option value="0">BU</option>
   <option value="1">EQ</option>
   <option value="2">IO</option>
   <option value="3">LA</option>
   <option value="4">VH</option>
</select>

为什么没有使用我在数组中传递的值而不是0,1 2 3 ...

检查一下：

http://jsfiddle.net/U3pVM/9615/

Answer 1

代码末尾有空格，但不是class.code。此外，class应该是一个对象 - 而不是一个函数：

$scope.class = {
  code: 'EQ '
};

我在class.code添加了一个尾随空格，以匹配classes。 http://jsfiddle.net/U3pVM/9616/

...

此外，您错过了结束</select>代码。

Angularjs选项值更改为序列号

1 个答案: