ng-opsi dengan init array sederhana

Saya sedikit bingung dengan Angular dan ng-options.

Saya memiliki array sederhana dan saya ingin init pilih dengan itu. Tapi, saya ingin opsi nilai = label.

script.js

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

html

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

Apa yang saya dapatkan:

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

Apa yang saya inginkan:

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

Jadi saya mencoba:

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

(Tapi itu tidak berhasil.)

Edit:

Formulir saya dikirimkan secara eksternal, itulah sebabnya saya perlu 'var1' sebagai nilai alih-alih 0.

Anda sebenarnya sudah benar dalam upaya ketiga Anda.

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

Lihat contoh yang berfungsi di sini: http://plnkr.co/edit/xEERH2zDQ5mPXt9qCl6k?p=preview

Triknya adalah AngularJS menulis kunci sebagai angka dari 0 hingga n, dan menerjemahkan kembali ketika memperbarui model.

Akibatnya, HTML akan terlihat salah tetapi model akan tetap diatur dengan benar ketika memilih nilai. (mis. AngularJS akan menerjemahkan '0' kembali ke 'var1')

Solusi oleh Epokk juga berfungsi, namun jika Anda memuat data secara tidak sinkron, Anda mungkin menemukannya tidak selalu diperbarui dengan benar. Menggunakan ngOptions akan menyegarkan dengan benar saat cakupan berubah.

Anda bisa menggunakannya ng-repeatdengan optionseperti ini:

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

Saat Anda mengirimkan, formAnda bisa mendapatkan nilai input yang disembunyikan.

DEMO

ng-terpilih ng-repeat

Anda bisa menggunakan sesuatu seperti

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

menggunakan ng-terpilih, Anda memilih pilihan dalam kasus myselect prefilled.

Saya lebih suka metode ini daripada ng-opsi, karena ng-opsi hanya berfungsi dengan array. ng-repeat juga berfungsi dengan objek seperti json.

Jika Anda mengatur pilihan Anda seperti berikut:

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

kamu akan mendapatkan:

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

working fiddle: http://jsfiddle.net/x8kCZ/15/

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

$ scope.option akan sama dengan 'var1' setelah perubahan, bahkan Anda melihat value = "0" dalam html yang dihasilkan

plunker