Select

AngularJS ви позволява да създавате падащи списъци въз основа на елементи в масив или обект. Създаване на полето за избор Използване на ng-options. Ако искате да създадете падащ списък, базиран на обект или масив в AngularJS, трябва да използвате директивата ng-options:

Опитайте сами » ng-options съпоставено с ng-repeat Можете също така да използвате директивата ng-repeat, за да направите същия падащ списък:
Опитайте сами »

Тъй като директивата ng-repeat повтаря блок от HTML код за всеки елемент в масив, той може да се използва за създаване на опции в падащ списък, но директивата ng-options е направена специално за попълване на падащ списък с опции. Имаме най-малко поне едно важно предимство: Падащ списък, направен с ng-options, позволява избраната стойност да бъде обект, докато падащите менюта, направени от ng-repeat, трябва да бъдат низ. Какво да използвам? Да приемем, че имате набор от обекти:

Опитайте сами »

Когато използвате директивата ng-options, избраната стойност може да бъде обект:

Опитайте сами »

Когато избраната стойност може да бъде обект, тя може да съдържа повече информация и приложението ви може да бъде по-гъвкаво. Ще използваме директивата ng-options в този урок.

Източникът на данни като обект

В предишните примери източникът на данни е масив, но можем да използваме и обект. Да предположим, че имате обект с двойки ключ-стойност:

Изразът в атрибута ng-options е малко по-различен за обектите:

Опитайте сами »

Избраната стойност винаги ще бъде стойността в двойката ключ-стойност. Тази стойност също може да бъде обект:

Опитайте сами »

Опциите в падащия списък не трябва да са ключът в двойка ключ-стойност, тя може да бъде и стойността или свойството на обекта стойност:

Опитайте сами »