Ich möchte eine zählbare iterieren und zeigen einen ZählerErhalten Index in dart Polymer-Wiederholungs Vorlage
<div template repeat="{{ name in names }}">
###. {{name}}
</div>
Was statt ### sollte ich es so zeigt die Position des Namens:
1. John Doe
2. Jane Doe
3. etc...
Polymer jetzt hat die Fähigkeit, dies zu tun:
<template repeat="{{fruit in fruits | enumerate}}">
<li>You should try the {{fruit.value}}. It is number {{fruit.index}}.</li>
</template>
Beispiel aus https://github.com/sethladd/dart-polymer-dart-examples/blob/master/web/iterate_loop_index/my_example.html
Sie war in web_ui verfügbar, ist aber in Polymer noch nicht verfügbar.
Web-UI ist der Vorläufer von polymer.dart. Polymer.dart ist fast mit Feature-Parität mit Web-UI. Im Folgenden finden Sie eine Liste von Web-UI-Funktionen, die noch nicht in polymer.dart umgesetzt:
Wert der Indexvariablen innerhalb von Schleifen verfügbar
Bis dahin Sie kann asMap in der Liste verwenden und iterieren über keys:
<template repeat="{{i in names.asMap().keys)}}">
<div>{{i}}: {{names[i]}}</div>
</template>
Sie müssen noch nicht einmal für die Namen umschreiben. {{index in names.asMap.keys}} –
@AlanKnight Sehr cool, danke für den Tipp. Ich habe meine Antwort aktualisiert, um Ihren Vorschlag zu verwenden. – Nathanial
noch nicht verfügbar, aber Sie können die Köcher Paket verwenden als Antwort in diesem SO demonstriert:
Die anderen Lösungen funktionieren nicht für mich in Polymer 0.3.4 (mehr?), Aber es gibt documentation on templates, einschließlich in Dexing, während über eine Sammlung Looping:
<template repeat="{{ foo, i in foos }}">
<template repeat="{{ value, j in foo }}">
{{ i }}:{{ j }}. {{ value }}
</template>
</template>
Dies funktioniert nicht mehr in Polymer 0.5. Verwenden Sie stattdessen Wolfram's Lösung. Ich weiß, dass dies vor 2 Jahren beantwortet wird, aber lassen Sie mich es für Leute bemerken, die von der Suche ankamen. –
Dies ist immer noch der Weg in Polymer 0.5. Vielleicht meintest du 1.0? – pjv