ng-repeat指令在迭代對象時的去重方法
更新時間：2018年10月02日 13:42:42 作者：MPFLY
今天小編就為大家分享一篇ng-repeat指令在迭代對象時的去重方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
剛剛遇到一個問題：
在使用AngularJS的ng-repeat指令時，遇到了數(shù)據(jù)重復出現(xiàn)的問題。
可能有的人會想到，ng-repeat迭代時，遇到重復的數(shù)據(jù)不是會報錯么？
當然了，如果你迭代的是數(shù)組，而且數(shù)據(jù)類型時字符串或者數(shù)字時，ng-repeat指令就會自動報錯。而且解決辦法也很簡單， 加個track by $index就能解決。
而我的問題是，在迭代對象時，因為對象中有重復的數(shù)據(jù)，而我需要的是重復的數(shù)據(jù)只顯示一條，也就是去重。因為迭代的是對象，所以ng-repeat并不會給你報錯，而是會一條一條的給你遍歷出來。
百度了很久都沒有相關的問題，最后只能自己琢磨了。
以上是問題。
如何解決呢？
很簡單，下面是解決辦法，直接上代碼：
<select v-model="option" >
<option value="">--------請選擇--------</option>
<option v-repeat="item in deals" v-hide="deals[$index].accNum == deals[$index+1].accNum">{{item.accNum}}</option>
</select>
搭配使用一個ng-hide指令，即加一條判斷語句，如果遍歷過程中的一條數(shù)據(jù)和上一條的數(shù)據(jù)相同，那么就會觸發(fā)hide事件，自然就去重了。
以上就是解決辦法。希望對大家有用。
這篇ng-repeat指令在迭代對象時的去重方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了Angular中懶加載模塊初始化技術實例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
這篇文章主要介紹了Angular19 自定義表單控件的相關資料，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-01-01
Angular.Js中過濾器filter與自定義過濾器filter實例詳解
Angularjs過濾器是 angularjs非常棒的特性之一。有朝一日，你可能需要使用自定義過濾器，所以下面這篇文章主要給大家介紹了Angular.Js中過濾器filter與自定義過濾器filter的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-05-05
解決angularjs service中依賴注入$scope報錯的問題
今天小編就為大家分享一篇解決angularjs service中依賴注入$scope報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了angular+ionic返回上一頁并刷新頁面,需要的朋友可以參考下2017-08-08
這篇文章主要介紹了AngularJS指令中的綁定策略,結合實例形式分析了scope綁定策略的分類與具體實現(xiàn)方法,需要的朋友可以參考下2016-12-12
angular.js 自帶jsonp，實現(xiàn)跨域，下面來實現(xiàn)搜索框的下拉列表功能，本文思路明確，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-02-02
Angualrjs和bootstrap相結合實現(xiàn)數(shù)據(jù)表格table
這篇文章主要介紹了Angualrjs和bootstrap相結合實現(xiàn)數(shù)據(jù)表格table,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要給大家介紹了關于如何使用RxJS更優(yōu)雅地進行定時請求的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用RxJS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
angularJs復選框checkbox選中進行ng-show顯示隱藏的方法
今天小編就為大家分享一篇angularJs復選框checkbox選中進行ng-show顯示隱藏的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10