angular.js - About the ng-options directive of angularjs
PHPz
PHPz 2017-05-15 16:59:55
0
3
594

I pulled an array from the controller through ajax, var fruits = ['apple', 'banana'], I hope to achieve the following effect:

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

Got it

<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>

How to modify the value of value by modifying the ng-options tag?

PHPz
PHPz

学习是最好的投资!

reply all(3)
伊谢尔伦

Just use ng-repeat option...

In fact, there is a solution:
http://stackoverflow.com/questions/12139152/how-to-set-the-value-property-in-angularjs-ng-options

大家讲道理

How to change fruit into an object array

伊谢尔伦
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>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template