内部要素のみng-repeat

Question

この問題は、ng-repeatで使用されているタグも繰り返し取得され、内部の要素だけを繰り返す方法がありますか？ ng-repeat-startとng-repeat-end：

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

Answer 1

AngularJSはそのための機能を備えています。入れ子にならないので、ラッパーを避けることができます。

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

繰り返しng-repeat-endを有する要素まで、ng-repeat-start="..."を有する要素から出発アクティブであろう。

See the ngRepeat docs。

Answer 2

content-titleおよびcontentをeventsDataで繰り返さなければならないと仮定すると、

はdivの中のタイトルや内容を包むことなく、この、

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