2017-06-07 9 views
2

私は配列をループし、配列の各項目に適用するカスタム要素を作成したいと考えています。たとえば、カスタム要素のビューテンプレートのようなものが含まれます:Aureliaでは、repeat.forバインディングでスロットを使用できますか?

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

私はrepeat.forとwith.bind属性を削除すると、スロットは、単一の時間を表示します。リスト内の各項目についてそれを繰り返す方法はありますか?

答えて

4

いいえ、今日はrepeat.forまたはbindのスロットを使用することはできません。これを行うには、交換可能な部品を使用する必要があります。たとえば、次のように

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

使用法:

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

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

+0

アウレリアブログhttp://aurelia.io/blog/2016/05/23/aurelia-shadow-dom -v1-slots-prerelease/says "上記のすべてがAureliaで実装されています。また、コンテンツを動的に生成できるifやrepeatなどのテンプレートコントローラでも動作します。@ childと@ childrenデコレータを修正して、モデルも同様です。しかし動作していないようです。 –

+0

@MosèBottaciniこの回答の時点では、との間では、それを使用することができませんでした。あなたが何をしたいか説明してください。私はあなたに解決策を教えようとしています –

+0

は、おそらくドキュメンテーションが同期できていないことを明示しました。 –

関連する問題