Question

如何使用angularjs从json文件填充选择选项？

我想知道如何在下拉列表中填写以下内容

todos.products.[DynamicProductName].attributes.Location

DynamicProductName，因为todo.products下有很多不同的产品名称

Answer 1

ngOptions以及ngRepeat都支持迭代集合和对象，这对您的数据很重要。那些DynamicProductName值实际上只是products对象中的键。

在这种情况下使用ngOptions的基本语法是：

<select ng-model="test" ng-options="key as value for (key , value) in data"></select>

在这种情况下，key将存储在您的模型中，而value将显示在选择内。

您的值稍微嵌套，因此会是：value.attributes.location。

如果您希望获得该值（可能更相关的数据），那么您可以将代码更改为：

<select 
    data-ng-model="test" 
    data-ng-options="value as value.attributes.location for (key , value) in todos.products"
    >
</select>

Answer 2

<select data-ng-model="test"
data-ng-options="product.attributes.location for product in todos.products">
</select>

这是非常漫长的。最好在范围和ng-options上放置products数组。