angularJs中的ng repeat的使用

2021-07-24 19:20:55 字數 863 閱讀 2962

最近專案中要求做乙個下拉的城市選擇的功能,由於專案使用了angularjs框架,所以自然而然的想到

ng-repeat

指令,免去了自己寫迴圈的煩惱。所以總結一下

ng-repeat

的使用方法:

**如下

ng-repeat directive

城市選擇

請選擇城市 }

這應該是最簡單的ng-repeat的使用了。預設在

ng-repeat

的時候每乙個

item

都要保證是唯一的,否則

console

就會打出

error

告訴你哪個

key/value

是重複的,

如下:

$scope.items = [1,2,

2,3,

4];這個陣列2就重複了,html這麼遍歷它

}控制台就會丟擲乙個錯誤:

官網明確給出是因為值重複了:

duplicates in a repeater are not allowed. use 'track by' expression to specify unique keys. repeater: item in items, duplicate key: string:blue, duplicate value:

2但是,

正常的業務裡陣列有重複的值是很正常的,

難道有重複值的

陣列要硬要搞成唯一的ng-repeat才能遍歷,

那這樣的話很多業務場景就不能使用ng-repeat了;

繼續往下看,發現官網給了乙個解決的方案

於是按照這個方案改了一下

}重新整理網頁,內容被正常解析。

angularJS中cookies的使用

提供瀏覽器cookies的讀 寫訪問操作。支援1.4及以上版本。需要引入ngcookies模組。angular.cookies min js 方法 get key 根據key返回該cookies值。key 搜尋cookies的id。getobject key 根據key返回該cookies的反序列化...

angularjs中的 sompile服務

compile服務 是angularjs裡比較重要但又很少手動呼叫的服務,通常 我們使用的angularjs指令 都是angularjs 自動編譯完成的,但有時我們可能需要手動編譯,比如 我們需要往現有的dom結構裡新增html 增加一列 li,這是就需要用到 compile了。compile 用於...

AngularJs去掉鏈結中的「 」

angularjs的路由機制會給鏈結中新增乙個 是跳到子頁面的錨點。由於專案需求,需要將鏈結中的 去掉,其實angular還提供了html5mode 跳轉機制。config function locationprovider 其實前兩步的設定已經可以實現去掉 跳轉了,但是每次重新整理或者直接輸鏈結進...