[英]Using ng-options with JSON data
我仍在尝试使用AngularJS。 我有一个JavaScript代码,该代码使用URL返回JSON数据作为数组。 我需要使用ng-options在select中填充相同数据的帮助。
选择中要填充的数据
这不是您寻求帮助的方式,但是请不要介意。 给定这样的JSON对象
var JsonArray = [{
id: 1,
name: 'Jane',
address: 'Jane\'s house'
}, {
id: 2,
name: 'Jill',
address: 'Jill\'s house'
}, {
id: 3,
name: 'John',
address: 'John\'s house'
}, {
id: 4,
name: 'Jack',
address: 'Jack\'s house'
}];
当您想将ng-select与ng-options一起使用时,需要指定3个必填字段:
你的桌子
每个对象将采用的名称(例如for for ...每个循环)
您想在选项中看到的属性
您还可以track by
属性指定track by
以为选项提供给定的值。
<select ng-model="mySelect" ng-options="object.name for object in JsonArray track by object.id"></select>
现在,使用最后一段代码,并在浏览器中对其进行检查。 您将了解所有内容。
以供参考 :
<select ng-model="mySelect" ng-options="[object].[chosenProperty] for [object] in [yourArray] track by [object].[property]"></select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.