ng-options con inicio de matriz simple

Estoy un poco confundido con Angular y ng-options.

Tengo una matriz simple y quiero iniciar una selección con ella. Pero, quiero que las opciones valor = etiqueta.

script.js

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

html

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

Lo que consigo:

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

Lo que quiero:

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

Entonces intenté:

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

(Pero no funcionó).

Editar:

Mi formulario se envía externamente, por lo que necesito 'var1' como valor en lugar de 0.

Realmente lo tenías correcto en tu tercer intento.

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

Vea un ejemplo de trabajo aquí: http://plnkr.co/edit/xEERH2zDQ5mPXt9qCl6k?p=preview

El truco es que AngularJS escribe las claves como números del 0 al n de todos modos, y se traduce de nuevo al actualizar el modelo.

Como resultado, el HTML se verá incorrecto, pero el modelo aún se configurará correctamente al elegir un valor. (es decir, AngularJS traducirá '0' a 'var1')

La solución de Epokk también funciona, sin embargo, si está cargando datos de forma asincrónica, es posible que no siempre se actualice correctamente. El uso de ngOptions se actualizará correctamente cuando cambie el alcance.

Se puede utilizar ng-repeatcon optioneste aspecto:

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

Cuando envía su formpuede obtener el valor de la entrada oculta.

DEMO

ng-seleccionado ng-repeat

podrías usar algo como

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

usando ng-selected preselecciona la opción en caso de que myselect se haya completado previamente

Prefiero este método sobre ng-options de todos modos, ya que ng-options solo funciona con matrices. ng-repeat también funciona con objetos similares a json.

Si configura su selección de la siguiente manera:

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

conseguirás:

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

violín de trabajo: http://jsfiddle.net/x8kCZ/15/

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

$ scope.option será igual a 'var1' después del cambio, incluso verá value = "0" en el html generado

saqueador