単純な配列initを持つng-options

Angularやと少し混同していますng-options。

単純な配列があり、それを使用して選択を初期化したい。しかし、私はそのオプションの値=ラベルが欲しいです。

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>

（しかし、それはうまくいきませんでした。）

編集：

私のフォームは外部に送信されるため、値として0ではなく「var1」が必要です。

あなたは実際に3回目の試みでそれを正しかった。

 <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-selected ng-repeat

あなたは次のようなものを使うことができます

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

ng-selectedを使用すると、myselectが事前に入力されている場合に備えて、オプションを事前選択できます。

ng-optionsは配列でのみ機能するため、とにかくこの方法をng-optionsよりも優先します。ng-repeatは、jsonのようなオブジェクトでも機能します。

次のようにselectを設定した場合：

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

$ scope.optionは、生成されたhtmlにvalue = "0"が表示されていても、変更後は 'var1'に等しくなります

プランカー