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 ...每个循环）
您希望在选项中看到的媒体

您还可以指定track by属性，为您的选项提供给定值。

<select ng-model="mySelect" ng-options="object.name for object in JsonArray track by object.id"></select>

现在，使用最后一段代码，并在brwoser中检查它。你会明白一切。

供参考：

<select ng-model="mySelect" ng-options="[object].[chosenProperty] for [object] in [yourArray] track by [object].[property]"></select>

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

1 个答案: