角2 NgIf、コンテナ要素をコンディションでレンダリングしませんが、子要素を表示しません

Question

2の角度2では、次のような方法を実行しますか？私は擬似コードで記述してより説明しやすくしています。

私は適用クラスを試してみましたが、私は可能であれば、それは、コンテナのdivをレンダリングする必要はありません。

私も<テンプレート>タグを試してみましたが、何か不足している可能性があります。解決策は、あなたの内側のHTMLのためのコンポーネントを作成し、このようにカプセル化することなく、カプセル化されたバージョンとバージョンを切り替えることがngIfを使用することです

<!-- ngIf: isPromo --> 
<div class="promoContainer"> 
<!-- ngIf end --> 

<div class="item">...</item> 

<!-- ngIf: isPromo --> 
</div> 
<!-- ngIf end --> 

Answer 1

ありがとう：あなたはコンポーネントが定義されている

<div class="promoContainer" *ngIf='isPromo'> 
    <promotable-component></promotable-component> 
</div> 

<promotable-component *ngIf='!isPromo'></promotable-component> 

このように：

@Component({ 
    moduleId: module.id, 
    selector: 'promotable-component', 
    template: '<div class="item">...</item>' 
}) 
export class PromotableComponent {} 

Answer 2

単に

これを試していない理由