четверг, 3 ноября 2016 г.

AngularJs ng-option

Пользователю часто предоставляется выбор одно значения из многих, для этого удобно использовать   тэг <select>, все бы хорошо, но, логично, что то что мы показываем пользователю напрямую не может уйти в бэкэнд, для этого этого нам пригодится директива ng-option:

<select ng-model="dsInfo.settings.dataBaseType"
                  ng-options="type.value as type.name for type in dataBaseTypes"
                  required="true"/>

Что же тут происходит?!


  1. in работает, как директива  в ng-repeat
  2. for type - алиас, по которому можно будет обращаться к иттерируемому  объекту
  3. type.value будет устанавливать в модель, в данном случае dsInfo.settings.dataBaseType
  4. as type.name - то что будет показываться пользователю

Комментариев нет :

Отправить комментарий