aureliaビューで動的に複数のスロットを指定する

Question

Aureliaでは、コンテナとして相互作用するカスタム要素を作成しました。このコンテナは、子ノードの周りにいくつかのUI要素を作成します。

これらのカスタム要素は、以下のように任意のビューで使用することができます：wizard-containerクラスで

<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> 

私はテンプレートでそれらの上にこの@children('wizard-step') steps = [];やループなどのすべての子供たちをお読みください。

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

問題は、スロットが作成されないことです。

私はまた、スロットのname属性にしてslot属性が機能していないとの結合2016年5月のデータからこのblog postによると、この

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

のように、これらのスロットに任意の要素を追加することはできませんよ。

誰かがそれが現在可能か、回避策があるかどうか知っていますか？

Answer 1

残念ながら、これはスロットでは不可能です。 Shadow DOM仕様の制限のために可能性はありません。

あなたはそれはあなたがする必要がある何ができるかどうかを確認するために、交換可能な部品に見えるかもしれません：http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/9

下にスクロールしてビットを、あなたが交換可能な部品のいくつかの情報が表示されます。それが言われている、私はこれがあなたのために働くかどうか分からない。ダイナミックに名前を付けられたテンプレートパーツを使ってみたことはありません。