2016-11-01 11 views
0

は以下の私のオブジェクトの下私のNGオプション角度NG-オプションは

<select ng-init="vm.tutors = vm.tutors || 0" ng-model="vm.tutors" ng-options="tutors.fullname as tutor for (tutor, fullname) in vm.tutors" class="form-control"></select> 

とされ

vm.tutors [オブジェクト{FULLNAME = "NAME"}、オブジェクト{ FULLNAME =「NAME2」}}]私が代わりに実際の値

+0

あなたの質問に簡単に答えるためにplunker/jsfiddleを提供できますか? – rakaz

+2

これも明示的に言及されていないので、これは 'ng-init'には適切ではありません。 https://docs.angularjs.org/api/ng/directive/ngInit#!/。 – Claies

答えて

3

あなたは、インデックスを得ている理由のインデックスを得続ける理由は何

ありますので、時間いくつかの構文/概念の問題があります。それはので、ここでいくつかの愛を必要とし、これを行うための適切な方法のまともな例であるように

あなたのコードでは、なります

コントローラー:

$scope.vm.tutors = [{fullname: "NAME"}, {fullname: "NAME2"}]; 
$scope.vm.selectedTutor = ""; // you can assign a value if you would like to have an option preselected. 

HTML: //この例のtutor.fullnameで選択オプションのラベルと値です。

<select ng-model="vm.selectedTutor" ng-options="tutor.fullname for tutor in vm.tutors" ></select> 

は今、あなたは価値が$ scope.vm.selectedTutorに割り当てられるオプションを選択した場合、それはあなたの配列を破る文句を言いません。

また、あなたのセットアップそうのようなあなたのオプションを選択してキーと値のペアの関係を次のことができます。

コントローラー:

$scope.vm.tutors = [{fullname: "NAME", id: "0"}, {fullname: "NAME2", id:"1"}]; 

HTML: は//この例のtutor.idに価値と家庭教師です。 fullnameは選択オプションのラベルです

<select ng-model="vm.selectedTutor" ng-options="tutor.id as tutor.fullname for tutor in vm.tutors" ></select> 

これは少し良くなっていることを理解するのに役立ちます。HERE is a link to the AngularJS documentation.

関連する問題