bezahlt von Eine einfache Zählervariable in AngularJS
<div ng-reapeat="item in items">
{{$index}} - {{item.name}}
</div>
Wenn man mit Sub-Items arbeitet.
<ul>
<li ng-reapeat="item in items" ng-init="mainIndex=$index">
{{mainIndex}}. - {{item.name}}
<ul ng-if="item.subs && item.subs.length>0">
<li ng-repeat="sub in item.subs" ng-init="subIndex=$index">
{{mainIndex}}.{{subIndex}}. {{sub.name}}
</li>
</ul>
</li>
</ul>
Und komplett rekursiv.
<script type="text/ng-template" id="subs.html">
<li ng-repeat="item in parent.subs">
{{prefixIndex}}{{$index}}. {{item.name}}
<ul ng-if="item.subs && item.subs.length>0" ng-include="subs.html" ng-init="prefixIndex=prefixIndex+$index+'.'; parent=item">
</ul>
</li>
</scipt>
<ul ng-if="theRealParentItem.items && theRealParentItem.items.length>0" ng-include="subs.html" ng-init="prefixIndex=''; parent=theRealParentItem">
<ul>
Diese Übergabe an Werten ist auch im Zusammenspiel mit SVG sehr praktisch, weil man so Koordinaten nicht in den Objekten oder im Controller hinterlegen muss, sondern sie immer weiter durch reichen kann, um für jedes Level einen eigenen Ursprung definieren zu können.
| User | annonyme | 2017-01-05 13:32 |
write comment: