Как заполнить опции выбора из файла json с помощью angularjs

Question

Как заполнить опции выбора из json-файла с помощью angularjs?

Я хотел бы знать, как я могу заполнить следующую как часть выпадающего списка

todos.products.[DynamicProductName].attributes.Location 

DynamicProductName так как есть очень много различных названий продуктов под todo.products

http://plnkr.co/edit/LMUqxL4ykOGvTsfFTUoN?p=preview

Answer 1

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

Это довольно долго. Возможно, лучше разместить массив products в области и ng-опциях.

Answer 2

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>