繁体   English   中英

结合使用ng-options和JSON数据

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM