为不同的块Angular 1添加标头

时间:2017-02-13 17:25:55

标签: javascript angularjs

我最近开始学习Angular 1,我已经得到了重复来处理我需要的元素。但是,我想为每个块添加一个标题,我发现这很困难。

<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/

目前正在发生的是,标题正在重复(第1区,第2区),但我不想重复其余部分,因为你看到Elem 1 - Elem 4也在第2区重复,但我希望Elem 1 - Elem 4在Block 1,然后Elem 5 - Elem 8在Block 2。

我希望这是有道理的 如果您需要更多信息,请与我们联系。

谢谢

1 个答案:

答案 0 :(得分:0)

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

当你说x in boxs然后x in records时,你会感到困惑&#34;角。将其中一个x更改为其他内容。