ng-options con semplice array init

Sono un po 'confuso con Angular e ng-options.

Ho un array semplice e voglio iniziare una selezione con esso. Ma voglio che le opzioni valore = etichetta.

script.js

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

html

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

Cosa ottengo:

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

Quello che voglio:

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

Quindi ho provato:

<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>

(Ma non ha funzionato.)

Modificare:

Il mio modulo è inviato esternamente, motivo per cui ho bisogno di 'var1' come valore anziché 0.

In realtà hai avuto ragione nel tuo terzo tentativo.

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

Guarda un esempio funzionante qui: http://plnkr.co/edit/xEERH2zDQ5mPXt9qCl6k?p=preview

Il trucco è che AngularJS scrive i tasti come numeri da 0 a n e li traduce all'indietro durante l'aggiornamento del modello.

Di conseguenza, l'HTML apparirà errato ma il modello verrà comunque impostato correttamente quando si sceglie un valore. (ad esempio AngularJS tradurrà '0' in 'var1')

Anche la soluzione di Epokk funziona, tuttavia se si caricano i dati in modo asincrono si potrebbe scoprire che non si aggiorna sempre correttamente. L'uso di ngOptions si aggiorna correttamente quando l'ambito cambia.

È possibile utilizzare ng-repeatcon optionquesto modo:

<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>

Quando invii il formtuo puoi ottenere nascosto il valore dell'input.

DEMO

ng-selezionato ng-repeat

potresti usare qualcosa del genere

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

usando ng-selected si preseleziona l'opzione nel caso in cui myselect fosse precompilata.

Preferisco questo metodo piuttosto che ng-options, poiché ng-options funziona solo con le matrici. ng-repeat funziona anche con oggetti simili a json.

Se si imposta la selezione come segue:

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

otterrete:

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

violino di lavoro: http://jsfiddle.net/x8kCZ/15/

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

$ scope.option sarà uguale a 'var1' dopo la modifica, anche tu vedi value = "0" nell'html generato

plunker