dynamisch benennen mehrere Steckplätze in Aurelia anzeigen

Question

In Aurelia habe ich ein benutzerdefiniertes Element erstellt, die als Container interagiert. Dieser Container erstellt einige ui-Elemente um die untergeordneten Knoten.

Diese benutzerdefinierten Elemente können in jeder Ansicht wie folgt verwendet werden:

<wizard-container ref="container"> 
    <wizard-step title="Step 1" view-model="step1"></wizard-step> 
    <wizard-step title="Step 2" view-model="step2"></wizard-step> 
    <wizard-step title="Step 3" view-model="step3"></wizard-step> 
</wizard-container> 

In der wizard-container Klasse las ich alle Kinder wie diese @children('wizard-step') steps = []; und Schleife über sie in der Vorlage:

... 
<div class="step" repeat.for="step of steps"> 
    <slot name="step-${$index}"><p>slot-${$index}</p></slot> 
</div> 
... 

Die Problem ist, dass die Slots nicht erstellt werden.

Ich bin auch wie dieses

jedes Element auf diese Slots hinzufügen nicht in der Lage

<template slot="slot-${idx}"> 
    <p>hello world</p> 
</template> 

Nach dieser blog post von Mai 2016 Datenbindung an den Schlitz name Attribut und zum slot Attribut funktioniert nicht.

Weiß jemand, ob es jetzt möglich ist oder hat eine Idee für einen Workaround?

Answer 1

Dies ist leider nicht mit Slots möglich. Es ist nicht wahrscheinlich, dass dies aufgrund von Einschränkungen der Shadow-DOM-Spezifikation möglich ist.

Sie an austauschbaren Teile aussehen könnte, um zu sehen, ob es tun können, was Sie tun müssen: http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/9

Blättern Sie ein wenig nach unten, und Sie werden einige Informationen über austauschbare Teile sehen. Davon abgesehen bin ich mir nicht sicher, ob das für dich funktionieren wird. Ich habe nie versucht, dynamisch benannte Vorlagen zu verwenden.