再帰的コンテンツ投影

私は設定したテンプレートとして各ノードが表示される単純なツリーコンポーネントを作成したいと思います。再帰的コンテンツ投影

<my-tree [item]="rootItem"> 
    item: <b>{{item.name}}</b> 
</my-tree>

ような何かが私は木がほとんど右しかしずに表示しているをhttps://plnkr.co/edit/LL8T5a1oSWUzOVEy14jv?p=previewを説明するために、私はplunkerを作った

<my-tree [item]="rootItem"> 
    <div class="beautiful"> item: <i>{{item.name}}</i></div> 
</my-tree>

のように、異なるマークアップツリーを表示するには、同じコンポーネントを使用することができますアイテム名。理由は分かりません。誰かが私が間違ったことを説明できますか？前もって感謝します。

出典

2016-12-05 Dimanoid

に{{it.name}}を追加しました私はこれを行う方法を考え出したようまあそれが見えます（中plunkerリンクを参照してくださいあなたの助けを借りてangular2-tree-component

出典

2016-12-06 11:13:33 Dimanoid

私は、これはあなたが望むものであると思います：

Plunker example

私はちょうど

<li *ngFor="let it of item.children">{{it.name}}

出典

2016-12-05 20:01:54

いいえあなたはツリーコンポーネント自体に追加しましたが、私はすべてのマークアップをしたい'** {{item.name}}'に渡されたテンプレートの中にあります。ツリーコンポーネントは、 'item'のどの構造体を表示するのか、それを表示するのかを知りません。単に' children'フィールドを持っています。 – Dimanoid

しかし、得られたHTMLはあなたが望むものです、そうですか？ –

はい、結果のHTMLはほぼ正しいです。 – Dimanoid

答えて

関連する問題