如何正确使用ng-options?

时间:2016-06-07 15:22:36

标签: javascript angularjs

<select class="form-control" ng-model="ad.selected" ng-options="option.name for option in ad.available track by option.value"></select>

我的错误在哪里?为什么没有选择此套装?

options: [{value:"0",name:"First"},{value:"1",name:"Second"}]

服务器的价值

ad.selected // 1

2 个答案:

答案 0 :(得分:1)

我认为问题出在这里;

ng-options="option.name for option in ad.available track by option.value"

那个应该是这样的;

ng-options="option.name for option in options track by option.value"

答案 1 :(得分:0)

这是一个如何运作的例子,

<select ng-options="option.value as option.name for option in ad.available"  ng-model="ad.selected"></select>

这会生成,

<select>
  <option value="option.value">option.name</option>
  ...
</select>

option.name将成为名称,option.value将显示该值。

ad.selected必须是数组中可用的值。 1或0。

更新了小提琴 Here is a JSFiddle