Html angularjs下拉列表在chrome中不间断工作

Html angularjs下拉列表在chrome中不间断工作,html,angularjs,Html,Angularjs,HTML: 问题: 选项不会间歇性显示,选定的选项也不可见 选项(书籍名称): [{“bookId”:“1156”,“bookName”:“一半女友”},{“bookId”:“2016”,“bookName”:“火焰之翼”}] 如果books数组中存在任何重复项,track by$index将打印该选项。*.html部分使用b.bookName而不是ng options中的b.name,因为这是books对象中的名称 <select id="bId" ng-options="b

HTML:


问题: 选项不会间歇性显示,选定的选项也不可见

选项(书籍名称):

[{“bookId”:“1156”,“bookName”:“一半女友”},{“bookId”:“2016”,“bookName”:“火焰之翼”}]



如果books数组中存在任何重复项,track by$index将打印该选项。

*.html
部分使用
b.bookName
而不是
ng options
中的
b.name
,因为这是
books
对象中的名称

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

请在书籍{{books}中添加Fiddle/Plnkr.b作为b的b.name。检查书籍是否有values@Niyaz{{books}}具有值-->[{“bookId”:“1156”,“bookName”:“一半女友”},{“bookId”:“2016”,“bookName”:“火焰之翼”}]ng options=“b.bookId as b.bookName for b in books”你试过这种方法吗?谢谢@manish,在chrome中,工作正常但间歇性的选项不可见。
<select id="bId"
   ng-options="b.bookId as b.bookName for b in books track by $index"
   ng-model="selectedBook"
   ng-change='onBookChange()'>
</select>
<select id="bId"
  ng-options="b as b.bookName for b in books" 
  ng-model="selectedBook"
  ng-change='onBookChange()'>
</select>
$scope.books = [
                {"bookId":"1156","bookName":"Half GirlFriend"},    
                {"bookId":"2016","bookName":"wings of fire"}
               ];

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