将 ng-options 与 JSON 数据一起使用

Question

我仍在努力寻找 AngularJS 的出路。我有一个 JavaScript 代码，它使用 URL 到 return 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 个必填字段：

你的table
每个对象将采用的名称（如 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>

将 ng-options 与 JSON 数据一起使用

Using ng-options with JSON data

javascript

jquery

restful-url

angularjs