Kann in Aurelia ein Slot in einer Wiederholung verwendet werden?

Question

Ich möchte ein benutzerdefiniertes Element erstellen, das ein Array durchläuft und das auf jedes Element im Array anwendet. Zum Beispiel würde die Ansicht Vorlage des benutzerdefinierten Elements enthält so etwas wie:

<div repeat.for="i of items"> 
    <div with.bind="i"> 
    <slot></slot> 
    </div> 
</div> 

Wenn ich die repeat.for entfernen und with.bind Attribute, zeigt die Schlitz ein einziges Mal. Gibt es eine Möglichkeit, es für jeden Punkt in der Liste wiederholen zu lassen?

Answer 1

Nein, Sie können heute keine Steckplätze mit repeat.for oder bind verwenden. Dazu müssen Sie auswechselbare Teile verwenden. Zum Beispiel:

<div repeat.for="i of items"> 
    <div with.bind="i"> 
    <template replaceable part="content"></template> 
    </div> 
</div> 

Verbrauch:

<my-component> 
    <template replace-part="content">Some Content - ${somePropertyOfI}</template> 
</my-component> 

Runnable Beispiel: https://gist.run/?id=29aa1c1199f080c9ba0e72845044799b