Header für verschiedene Blöcke hinzufügen Angular 1

Question

Ich habe vor kurzem begonnen, Angular 1 zu lernen, ich habe ng-repeat bekommen, um mit den Elementen zu arbeiten, die ich brauche. Ich möchte jedoch jedem Block einen Titel hinzufügen, und das finde ich schwierig.

<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 Geige: https://jsfiddle.net/znerrjg4/1/

Was zur Zeit geschieht, wird der Titel wiederholt wird (Block 1, Block 2), aber ich möchte nicht den Rest wiederholt werden, wie Sie Elem sehen 1 - Elem 4 wird auch in Block 2 wiederholt, aber ich möchte, dass Elem 1 - Elem 4 in Block 1 ist, und dann Elem 5 - Elem 8 in Block 2.

Ich hoffe, dass es Sinn macht Bitte lassen Sie mich wissen, wenn Sie weitere Informationen benötigen.

Danke

Answer 1

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

Wenn Sie x in boxs sagen und dann x in records Sie "verwirrend" eckig sind. Ändern Sie eine dieser x zu etwas anderem.