エラーを解決するには：[$ rootScope：infdig]？

Question

ulとliでng-repeatsを使用しているときにエラーが発生しています。ここで

は私のhtmlコードです：

<ul> 
     <li ng-repeat="(key, value) in (myData | groupBy: 'id')"> 
      {{key}} 
      <ul> 
       <li ng-repeat="details in value"> 
        {{details.name}} 
       </li> 
      </ul> 
     </li> 
    </ul> 

JSコード：

.filter('groupBy', function() { 
return function (data, key) { 

    var result = {}; 
    for (var i = 0; i < data.length; i++) { 
     if (!result[data[i][key]]) 
      result[data[i][key]] = []; 
     result[data[i][key]].push(data[i]) 
    } 
    alert(JSON.stringify(result)); 
    return result; 
}; 
}); 

これらは私が

Answer 1

がNGでtrack by $indexを配置しようとすると取得していますエラーです-repeat like：

<ul> 
    <li ng-repeat="(key, value) in myData track by id"> 
     {{key}} 
     <ul> 
      <li ng-repeat="details in value"> 
       {{details.name}} 
      </li> 
     </ul> 
    </li> 
</ul> 

あなたは、アレイ内の重複

<li ng-repeat="(key, value) in myData track by $index"> 

Answer 2

を持っている場合もtrack by $index無限のダイジェストは新しい結果にそれが機能を通るたびに返すフィルタによって引き起こされることができます。元のdata引数を直接変更して、data引数を再度返すように関数を書き直す必要があります。