ng-Optionen mit einfachem Array init

Ich bin ein bisschen verwirrt mit Angular und ng-options.

Ich habe ein einfaches Array und möchte damit eine Auswahl starten. Aber ich möchte, dass Optionen value = label.

script.js

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

html

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

Was ich bekomme:

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

Was ich möchte:

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

Also habe ich versucht:

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

(Aber es hat nicht funktioniert.)

Bearbeiten:

Mein Formular wird extern gesendet, weshalb ich anstelle von 0 'var1' als Wert benötige.

Sie hatten es tatsächlich in Ihrem dritten Versuch richtig.

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

Ein funktionierendes Beispiel finden Sie hier: http://plnkr.co/edit/xEERH2zDQ5mPXt9qCl6k?p=preview

Der Trick ist, dass AngularJS die Schlüssel ohnehin als Zahlen von 0 bis n schreibt und beim Aktualisieren des Modells zurück übersetzt.

Infolgedessen sieht der HTML-Code falsch aus, aber das Modell wird bei der Auswahl eines Werts weiterhin richtig eingestellt. (dh AngularJS übersetzt '0' zurück in 'var1')

Die Lösung von Epokk funktioniert auch. Wenn Sie Daten jedoch asynchron laden, werden sie möglicherweise nicht immer korrekt aktualisiert. Die Verwendung von ngOptions wird korrekt aktualisiert, wenn sich der Bereich ändert.

Sie können ng-repeatmit folgenden verwenden 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>

Wenn Sie Ihre einreichen, können formSie den Wert der Eingabe verbergen.

DEMO

ng-selected ng-repeat

du könntest so etwas gebrauchen

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

Mit ng-selected wählen Sie die Option für den Fall, dass myselect vorab ausgefüllt wurde.

Ich bevorzuge diese Methode sowieso gegenüber ng-options, da ng-options nur mit Arrays funktioniert. ng-repeat funktioniert auch mit json-ähnlichen Objekten.

Wenn Sie Ihre Auswahl wie folgt einrichten:

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

Sie erhalten:

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

Arbeitsgeige: http://jsfiddle.net/x8kCZ/15/

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

$ scope.option ist nach der Änderung gleich 'var1', auch wenn Sie im generierten HTML den Wert = "0" sehen

Plunker