对 JSON 数据使用 ng-options

Question

我仍在尝试使用 AngularJS。我有一个 JavaScript 代码，它使用 URL 将 JSON 数据作为数组返回。我需要使用 ng-options 在 select 中填充相同数据的帮助。
data to populate on the select

Answer 1

这不是你寻求帮助的方式，但没关系。给定一个像这样的 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 ... each 循环）

• 您想在选项中看到的属性

您还可以指定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>