关于 angularjs 的 ng-options 指令

我通过 ajax 在控制器中拉取到一个数组,var fruits = ['apple', 'banana'],希望实现的是如下效果:

<select>
  <option value='apple'>苹果</option>
  <option value='banana'>香蕉</option>
</select>
<select ng-options="fruit for fruit in fruits">
</select>

得到了

<select ng-options="fruit for fruit in fruits">
  <option value="0" selected="selected" label="apple">apple</option>
  <option value="1" selected="selected" label="apple">banana</option>
</select>

应该怎么通过修改 ng-options 标签来修改 value 的值呢?

阅读 5.2k
3 个回答

fruit改成对象数组的方式

var data = {"201":"活动1","202":"活动2","203":"活动3"}  

<select class="form-control" ng-model="activityId" ng-options="id as name for (id, name) in data" ></select>

var toys = [{"id":"11", "name":"玩具1"},{"id":"12", "name":"玩具2"},{"id":"13", "name":"玩具3"}];

<select class="form-control" ng-model="toyId" ng-options="toy.id as toy.title for toy in toys" required></select>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进