So verwenden Sie die Kinderansicht, wenn Sie über eine Sammlung von Artikeln in Emberjs itertieren
-
28-10-2019 - |
Frage
Ich habe eine Ansicht mit einer Liste von Elementen, über die ich in einer Vorlage iteriere, und rendere diese Ansicht darin als Listenelement von a.Wenn ich den globalen Namen für die Vorlage verwende, funktioniert dies einwandfrei, aber ich möchte diese Vorlage nicht global definieren, sondern in der aktuellen Ansicht als untergeordnete Ansicht definieren.Wenn ich außerhalb des Blocks {{#each}} darauf verweise, funktioniert es, aber nicht innerhalb.Gibt es eine Möglichkeit, dies zu tun?
{{#each items}}
{{#view Em.App.RecentItemView contentBinding="this"}}
<a href="#">{{content.Title}}</a>
{{/view}}
{{/each}}
Die Ansicht im Kontext enthält auch eine itemView: Em.View.extend ({}), die ich lieber verwenden würde.
Lösung
Würde die Verwendung des {{#collection}}
-Hilfsprogramms stattdessen für Sie funktionieren?Hier ist eine jsfiddle mit einem funktionierenden Beispiel.
{{#collection contentBinding="items" itemViewClass="itemView"}}
<a href="#">{{content.Title}}</a>
{{/collection}}