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

ng-repeat和ng-options區別

怪我咯
發布: 2017-06-27 11:48:15
原創
1689 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板