首頁 >web前端 >js教程 >ng-repeat和ng-options區別

ng-repeat和ng-options區別

怪我咯
怪我咯原創
2017-06-27 11:48:151696瀏覽

1、ng-repeat

<select>
<option value="x.id" ng-repeat="x in list" ng-bind="x.name">
</option>
</select>

2、ng-options

<select ng-options="x.id as x.name for x in list" ng-model="listId">
</select>


3、區別:
如上所示,當在select中時ng-repeat需要寫在option中,而ng-options不需要option,會自動產生。
ng-options 一定要和ng-model 搭配,ng-model取得的是列表的value值。
注意! !
1).ng-options的value值得類型是number,當list.id是string型別時無法循環
2).ng-repeat的value值型別是string,當list.id是number型別時無法循環
可以根據id類型不同選擇,這是在最近的專案中發現的問題,透過上述方法解決

以上是ng-repeat和ng-options區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn