Angularjs ng仅在内部元件上重复

Angularjs ng仅在内部元件上重复,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,我发现ng repeat的问题是,使用它的标记也会被重复,如何只重复其中的元素 <div class="accordions" ng-repeat="event in eventsData"> <!-- content-title --> <div class="content-title active">Donec mollis magna quis urna c

我发现ng repeat的问题是,使用它的标记也会被重复,如何只重复其中的元素

<div class="accordions" ng-repeat="event in eventsData">
                        <!-- content-title -->
                        <div class="content-title active">Donec mollis magna quis urna convallis, quis faucibus sem vestibulum. Sed vehicula suscipit lacus</div>
                        <!--/content-title -->
                        <!-- accordions content -->
                        <div class="content">Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
                        <!--/accordions content -->
                        <!-- content-title -->
                        <div class="content-title">Sed vehicula suscipit lacus, eget cursus justo aliquet in. Etiam aliquet vel ipsum ultrices auctor</div>
                        <!--/content-title -->
                        <!-- accordions content -->
                        <div class="content">Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
                        <!--/accordions content -->
</div>

Donec mollis magna Qus urna convallis,Qus faucibus sem前庭。小白鼠
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。
这是一种交通工具,它只是一种交通工具。艾蒂安·阿利奎特同侧额拍卖行
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。

AngularJS有一个功能:
ng repeat start
ng repeat end
。它们允许您完全避免包装,因为它们不会引起嵌套

<div class="accordions"> <!-- !! No repeat here -->
  <div class="content-title active"
     ng-repeat-start="event in eventsData"
  >Donec mollis magna quis urna convallis, quis faucibus sem vestibulum. Sed vehicula suscipit lacus</div>
  <div class="content">Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
  <div class="content-title">Sed vehicula suscipit lacus, eget cursus justo aliquet in. Etiam aliquet vel ipsum ultrices auctor</div>
  <div class="content"
    ng-repeat-end
  >Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
</div>

Donec mollis magna Qus urna convallis,Qus faucibus sem前庭。小白鼠
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。
这是一种交通工具,它只是一种交通工具。艾蒂安·阿利奎特同侧额拍卖行
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。
从具有
ng repeat start=“…”
的元素开始,到具有
ng repeat end
的元素,重复将处于活动状态


.

AngularJS有一个功能:
ng repeat start
ng repeat end
。它们允许您完全避免包装,因为它们不会引起嵌套

<div class="accordions"> <!-- !! No repeat here -->
  <div class="content-title active"
     ng-repeat-start="event in eventsData"
  >Donec mollis magna quis urna convallis, quis faucibus sem vestibulum. Sed vehicula suscipit lacus</div>
  <div class="content">Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
  <div class="content-title">Sed vehicula suscipit lacus, eget cursus justo aliquet in. Etiam aliquet vel ipsum ultrices auctor</div>
  <div class="content"
    ng-repeat-end
  >Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
</div>

Donec mollis magna Qus urna convallis,Qus faucibus sem前庭。小白鼠
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。
这是一种交通工具,它只是一种交通工具。艾蒂安·阿利奎特同侧额拍卖行
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。
从具有
ng repeat start=“…”
的元素开始,到具有
ng repeat end
的元素,重复将处于活动状态


.

假设类
内容标题
内容
必须在
事件数据
上重复

这样做,

<div class="accordions">
    <div class="wrapper" ng-repeat = "event in eventsData">
                        <!-- content-title -->
                        <div class="content-title active">Donec mollis magna quis urna convallis, quis faucibus sem vestibulum. Sed vehicula suscipit lacus</div>
                        <!--/content-title -->
                        <!-- accordions content -->
                        <div class="content">Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
    </div>                           
</div>

Donec mollis magna Qus urna convallis,Qus faucibus sem前庭。小白鼠
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。

假设类
内容标题
内容
必须在
事件数据
上重复

这样做,

<div class="accordions">
    <div class="wrapper" ng-repeat = "event in eventsData">
                        <!-- content-title -->
                        <div class="content-title active">Donec mollis magna quis urna convallis, quis faucibus sem vestibulum. Sed vehicula suscipit lacus</div>
                        <!--/content-title -->
                        <!-- accordions content -->
                        <div class="content">Donec sollicitudin lacus in felis luctus blandit. Ut hendrerit mattis justo at suscipit. Vivamus orci urna, ornare vitae tellus in, condimentum imperdiet eros. Maecenas accumsan, massa nec vulputate congue, dolor erat ullamcorper dolor, ac aliquam eros sem in dui. In eu sagittis metus. Proin consectetur suscipit dui sed euismod. Nam non metus in est vehicula vestibulum et vel neque.</div>
    </div>                           
</div>

Donec mollis magna Qus urna convallis,Qus faucibus sem前庭。小白鼠
在猫科动物luctus blandit中添加苏利西汀lacus。亨德雷特·马蒂斯·胡斯托在苏西比特。虎鲸维生,虎鲸维生,调味品。在酒后驾车时,你会发现你是一个积重难返的人,你会发现你是一个酒后驾车的人。在欧洲射手座。这是一次酒后驾车。在车辆前庭和水平面不存在任何障碍物。

不在div中包装标题和内容。有什么方法吗?哦,您需要生成4个元素,包装器和元素之间没有任何内容?您想实现什么?如果是一个简单的事件列表,只需使用
ng-r即可