angularjs使用時報錯

在angularjs作循環式時遇到的一個問題

一、下面圖片是數據圖片

     

二、使用angularjs的ng-repeat標籤循環

      

三、點擊氣泡（使用的是angularjs的氣泡插件），出現以下圖所示，沒有數據

      

四、查看控制檯，出現以下報錯信息：

     

五、大概意思是這樣的：

    [ngRepeat:dupes] ： 這個錯誤是說ng-Repeat不容許collection中存在兩個相同Id的對象
    For example: item in items is equivalent to item in items track by $id(item). This implies that the     DOM elements will be associated by item identity in the array.

六、爲了規避這個錯誤，須要定義本身的track by表達式
    // 業務上本身生成惟一的id
    item in items track by item.id
    //或者直接拿循環的索引變量$index來用
    item in items track by $index

七、修改後的代碼

    

八、這時在點擊氣泡，正常顯示數據

    

氣泡引用的是：https://aui.github.io/angular-popups/

參考地址：http://blog.csdn.net/aitangyong/article/details/44100921