異なるブロックにヘッダーを追加する角度1

Question

最近、Angular 1の学習を開始しました。必要な要素を処理するためにng-repeatを取得しました。しかし、私は各ブロックにタイトルを追加したいが、これは難しいと思っている。

<div ng-app="myApp" ng-controller="myCtrl"> 
    <div class="js-box" ng-repeat="x in boxs"> 
     <p> {{x}} </p> 
    <div class="tagger" ng-repeat="x in records"> 
      <div class="codeSnippet"> 
      {{x.Elem}} 
     </div> 
     <div class="taggerDescription"> 
     <p> 
      {{x.Description}} 
     </p> 
     </div> 
     </div> 
</div> 

JSフィドル：https://jsfiddle.net/znerrjg4/1/

現在何が起こっているあなたはElemのを見るように、タイトルは（ブロック1、ブロック2）繰り返されているが、私は残りの部分を繰り返すことにしたくない、です1 - Elem 4もブロック2で繰り返されますが、Elem 1 - Elem 4はブロック1に、Elem 5 - Elem 8はブロック2になります。

より多くの情報が必要な場合はお知らせください。あなたがx in boxsを言うとき

はあなた

Answer 1

<div class="js-box" ng-repeat="x in boxs"> <p> {{x}} </p> <div class="tagger" ng-repeat="x in records">

に感謝して、あなたは "混乱" の角度ですx in records。それらのいずれかをxに変更してください。