ゲストコンポーネントを含む父から息子のコンポーネントツリー

Question

角2では、私はコンポーネントの階層を持っています。しかし、ツリー内では、オブジェクト階層から切り離された別の要素を表示する必要があります。スピナーコンポーネントになります。何とかそれは現れたくない。

<parent> 
    <child> 
     <grandchild> 
      <spinner></spinner> 
     </grandchild> 
    <child> 
</parent> 

• parent
• childをテンプレートにgrandchildを含む、テンプレートのchildを含みます。
• grandchildテンプレートにはspinnerが含まれていませんが、表示する必要があります（それにはng-contentが使用されています）。あるいは、ある時点でchildは代わりにスピナーを表示したいかもしれません。

どのように動作させるのですか？親は常に子供の可能性を指定する必要がありますか？私が間違っていることを教えてください。

The example plunker

Answer 1

あなたがコンポーネントのテンプレートに<ng-content></ng-content>を追加する場合は、子要素ではなく<ng-content></ng-content>で表示されます。

この方法で、子コンポーネントを親に渡すことができます。

@Component({ 
    selector: 'child' 
    template: `<grand-child><ng-content></ng-content></grand-child>` 
}) 

@Component({ 
    selector: 'grand-child' 
    template: `some content before <ng-content></ng-content>some content after` 
}) 

次に、あなたは

<child><my-spinner></my-spinnger></child>