Html angularjs下拉列表在chrome中不间断工作
HTML: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
问题:
选项不会间歇性显示,选定的选项也不可见
选项(书籍名称):
[{“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];