ng-параметри з простим масивом init

Я трохи плутаю з Angular і ng-options.

У мене простий масив, і я хочу запустити на нього вибір. Але я хочу, щоб параметри value = label.

script.js

$scope.options = ['var1', 'var2', 'var3'];

html

<select ng-model="myselect" ng-options="o for o in options"></select>

Що я отримую:

<option value="0">var1</option>
<option value="1">var2</option>
<option value="2">var3</option>

Що я хочу:

<option value="var1">var1</option>
<option value="var2">var2</option>
<option value="var3">var3</option>

Тому я спробував:

<select ng-model="myselect2" ng-init=0 ng-options="options[k] as v for (k,v) in options"></select>

<select ng-model="myselect3" ng-init=0 ng-options="b as b for b in options"></select>

(Але це не спрацювало.)

Редагувати:

Моя форма подається зовні, тому мені потрібно значення "var1" замість 0.

Ви насправді мали правильний результат у своїй третій спробі.

 <select ng-model="myselect" ng-options="o as o for o in options"></select>

Дивіться робочий приклад тут: http://plnkr.co/edit/xEERH2zDQ5mPXt9qCl6k?p=preview

Хитрість полягає в тому, що AngularJS записує ключі у вигляді цифр від 0 до n і в будь-якому випадку перекладає назад під час оновлення моделі.

Як результат, HTML буде виглядати неправильно, але модель все одно буде встановлена ​​належним чином при виборі значення. (тобто AngularJS переведе "0" назад у "var1")

Рішення від Epokk також працює, проте якщо ви завантажуєте дані асинхронно, ви можете виявити, що вони не завжди оновлюються правильно. Використання ngOptions буде правильно оновлено, коли область зміниться.

Ви можете використовувати ng-repeatз , optionяк це:

<form>
    <select ng-model="yourSelect" 
        ng-options="option as option for option in ['var1', 'var2', 'var3']"
        ng-init="yourSelect='var1'"></select>
    <input type="hidden" name="yourSelect" value="{{yourSelect}}" />
</form>

Після подачі formзаявки ви можете отримати приховане значення.

DEMO

ng-вибрано ng-повтор

ви могли б використовувати щось подібне

<select ng-model="myselect">
    <option ng-repeat="o in options" ng-selected="{{o==myselect}}" value="{{o}}">
        {{o}}
    </option>
</select>

використовуючи ng-selected, ви попередньо оберіть цю опцію, якщо мій вибір був попередньо заповнений.

Я все одно віддаю перевагу цьому методу над ng-параметрами, оскільки ng-options працюють лише з масивами. ng-repeat також працює з json-подібними об'єктами.

Якщо ви налаштуєте свій вибір, наприклад:

<select ng-model="myselect" ng-options="b for b in options track by b"></select>

ти отримаєш:

<option value="var1">var1</option>
<option value="var2">var2</option>
<option value="var3">var3</option>

робоча скрипка: http://jsfiddle.net/x8kCZ/15/

<select ng-model="option" ng-options="o for o in options">

$ option.option буде дорівнює 'var1' після зміни, навіть якщо ви бачите value = "0" в створеному HTML

плунжер