Anggular 2でngIfを使用せずに同じコンポーネントクラスに複数のHTMLテンプレートを持たせる方法

Question

すべての子供のデータは同じですが、ビューは異なります。ngIfを使用してこれを実現できます。別ファイルにする必要があります。

Answer 1

あなたは（ほとんど）ので、同じよう<ng-content></ng-content>を使用して同じことを達成することができ、例えば、MyCompの動的テンプレートコンポーネントです。

@Component({ 
    selector: 'my-comp', 
    template: '<ng-content></ng-content>' 
}) 
export class MyComp { ... } 

今、あなたは<my-comp>

<app-root> 

    <my-comp> 
    <h1>Hello World</h1> 
    </my-comp> 

    <my-comp> 
    <div>Angular is awesome</div> 
    </my-comp> 

</app-root>