ngのリピートは、ディレクティブが

Question

上にあるdiv要素を繰り返しI次のコードを持っている：

<div ng-repeat="item in selectedCategory"> 
    <div class="repertoire-composer"> 
     <div data-toggle="collapse" data-target="#compositions{{$index}}" 
      class="repertoire-composer-title"> 
      <span class="fa fa-chevron-right"></span> 
      {{item.composer}} 
      <span class="fa fa-plus"></span> 
     </div> 
     <div id="compositions{{$index}}" ng-repeat="composition in item.compositions" class="repertoire-compositions collapse"> 
      <div class="repertoire-composition"> 
       {{composition}} 
       <span class="fa fa-remove" title="Remove"></span> 
      </div> 
     </div> 
    </div> 
</div> 

は、だから私は基本的に何をしたい複数の.repertoire-composer div要素のツリーを持つことであるが、それぞれ1または多数の子とその.repertoire-compositionその.repertoire-compositions div内にあります。したがって、2番目のリピートでは、angleは1つ以上のdiv3を作成する必要があります。しかし、それがしているように見えるのは、ディレクティブが存在するディビジョンをより多く作成することです。私は十分に明示してきたホープは、ここでは、不要な結果だ：

だから基本的には、なぜ私の.repertoire-compositions div要素が重複して取得されましたか？

EDIT：

私はng-repeatを誤解されました。これは、ディレクティブがオンになっている要素を繰り返すことを意図した動作です。説明をありがとう。

Answer 1

.repertoire-compositionsは、それが実際にあなたのテンプレートのこの部分で、繰り返しNGされています複製されていません。

<div id="compositions{{$index}}" ng-repeat="composition in item.compositions" class="repertoire-compositions collapse"> 

Answer 2

私はitem.compositionsの2番目のng-repeatが原因だと思いますが、データセットを提供できますか？

Answer 3

私はよく分からないが、あなたは内側のリピーターでこれを試すことができます。

<div id="compositions{{$index}}" class="repertoire-compositions collapse"> 
     <div class="repertoire-composition" ng-repeat="composition in item.compositions"> 
      {{composition}} 
      <span class="fa fa-remove" title="Remove"></span> 
     </div> 
    </div>