angularjsはクロム

Question

HTMLで断続的に動作していないドロップダウン：

<select id="bId" 
    ng-options="b as b.name for b in books" 
    ng-model="selectedBook" 
    ng-change='onBookChange()'> 
</select> 

問題： オプションが断続的に表示されていないと選択されたオプションも表示されません。

オプション（書籍名）：

[{ "bookId"： "1156"、 "bookName"： "ハーフガールフレンド"}、{ "bookId"： "2016"、 "bookName"：」任意の重複が本配列に存在する場合、火災の翼 "}] $インデックスによって

Answer 1

<select id="bId" 
    ng-options="b.bookId as b.bookName for b in books track by $index" 
    ng-model="selectedBook" 
    ng-change='onBookChange()'> 
</select> 

トラックは、オプションを表示します。

Answer 2

*.html一部の使用b.bookNameの代わりng-optionsでb.nameそれはあなたのbooksオブジェクト

<select id="bId" 
    ng-options="b as b.bookName for b in books" 
    ng-model="selectedBook" 
    ng-change='onBookChange()'> 
</select> 

*.js一部

$scope.books = [ 
       {"bookId":"1156","bookName":"Half GirlFriend"},  
       {"bookId":"2016","bookName":"wings of fire"} 
       ]; 

$scope.selectedBook = $scope.books[0]; 

plnkr