Wie würde ich eine dynamische Definitionsliste mit AngularJS rendern?
Wie würde ich es machen einen dynamischen definition Liste mit AngularJS?
Beispiel:
Daten:
[
{
key: 'a',
value: 'x'
}, {
key: 'b',
value: 'y'
}
]
Gewünschte HTML:
<dl>
<dt>a</dt>
<dd>x</dd>
<dt>b</dt>
<dd>y</dd>
</dl>
Beispiel http://docs.angularjs.org/tutorial/step_08:
<dl>
<dt>Availability</dt>
<dd ng-repeat="availability in phone.availability">{{availability}}</dd>
</dl>
arbeitet für eine dynamische Anzahl von dds und eine statische Anzahl von dts, nicht aber eine dynamische Anzahl von beiden.
InformationsquelleAutor der Frage Max Nanasy | 2012-05-05
Du musst angemeldet sein, um einen Kommentar abzugeben.
Eine neue Funktion, die es erlaubt, ng-repeat-start/ng-repeat-Ende Hinzugefügt wurde, in Eckigen 1.2.
Mit diesem feature, Sie können schreiben Sie Ihre html so:
Sehen diese plnkr für ein voll funktionsfähiges Beispiel.
InformationsquelleAutor der Antwort Aleksander Blomskøld
Ich habe eine Richtlinie genannt repeatInsideum Probleme zu lösen, wie diese hier.
InformationsquelleAutor der Antwort bigblind
Dies ist ein problem, da müssen Sie wickeln Sie es mit einigen element, um zu tun, zu wiederholen. Und das geht nicht, eine gültige html - Sie würde in die gleichen Schwierigkeiten mit ungeordnete Listen oder Tabellen...
Ich denke, die
div
innendl
ist nicht gestattet, spec, aber es funktioniert - zumindest in Chrome 😀Planen wir die Unterstützung
ng-repeat
in einem Kommentar zu unterstützen.InformationsquelleAutor der Antwort Vojta
Diese Antwort schien nicht zu funktionieren für mich in Eckige v1.2.7 so, ich wollte nach einer leichten Variante, die gut für mich gearbeitet:
InformationsquelleAutor der Antwort chrisjordanme