2

私は次のメニュー項目を持っています

[ { "name": "Home", "target": "#home", "state": "active", "partial_html": "partials/home.html" }, { "name": "Find", "target": "#find", "partial_html": "partials/find.html", "state": "" }, { "name": "Albums", "target": "#albums", "partial_html": "partials/albums.html", "state": "" } ]

ng-repeatを使用して、各要素の次の出力を取得する方法（miは配列menuItemsの項目です（配列定義は上記で指定されています）。

<li class='divider-vertical'></li>
<li class="{{mi.state}}"><a href="{{mi.target}}" ng-click="setMenuItemActive($event, mi.name)">{{mi.name}}</a></li>
4

3 に答える 3

7

ng-repeat-startディレクティブを使用できます ：

<ul>
   <li class='divider-vertical' ng-repeat-start="airport in airports"></li>
   <li ng-repeat-end class="{{mi.state}}"><a href="{{mi.target}}"
       ng-click="setMenuItemActive($event, mi.name)">{{mi.name}}</a></li>        
</ul>

それもお役に立てば幸いです。

于 2015-12-30T05:31:11.983 に答える
1

2番目のLIにディレクティブを作成して適用します。ループから最初のLIを削除します。ディレクティブで、2番目のLIの前に1番目のLIを追加します。

または、ディレクティブを親ULに適用して、各LIを通過し、その前に分周器を追加することもできます。しかし、これが機能するかどうかはわかりません。

于 2013-03-26T16:33:24.560 に答える
0

次のようにulタグをネストすることもできます

<ul>
<li ng-repeat ="..">
<ul>
<li class='divider-vertical'></li>
<li class="{{mi.state}}"><a href="{{mi.target}}" ng-click="setMenuItemActive($event, mi.name)">{{mi.name}}</a></li>
</ul>
</li>
</ul>
于 2013-10-18T11:54:18.297 に答える