最近專案中要求做乙個下拉的城市選擇的功能,由於專案使用了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 其實前兩步的設定已經可以實現去掉 跳轉了,但是每次重新整理或者直接輸鏈結進...