角度の状態で子コンポーネントの初期化を抑制する方法はありますか？

Question

それでは、私がやってみたかったことは、このようなテンプレートを使用して簡単な条件ラッパーコンポーネントを持つことです。

<ng-container *ngIf="condition; else falseCondition"> 
    <ng-content *ngIf="condition"></ng-content> 
</ng-container> 
<ng-template #falseCondition> 
    <div class="div"> 
     <div class="col-xs-12"> 
      <p translate="translate" class="text-center">{{message}}</p> 
     </div> 
    </div> 
</ng-template> 

と私はこのようにそれを使用したい：someConditionがfalseの場合でも、しかし、

<myComponent [condtion]="someCondition" [message]="some message"> 
    <someOtherComponent [bindings]....></someOtherComponent> 
</myComponent> 

とsome messageが期待通りに表示され、someOtherComponentが初期化されます。初期化を控える方法はありますか？ conditionが偽であれば、それはまったく作成されないことを望んでいました。

ラッパーコンポーネントを使用しないと（下のように）、普通の*ngIfのelseテンプレートを使用すると、期待どおりに動作します。他のコンポーネントはまったく初期化されません。

<ng-container *ngIf="someCondition"> 
     <!-- this works just fine --> 
     <someOtherComponent [bindings]....></someOtherComponent> 
    </ng-container> 

Answer 1

myComponentディレクティブはなく、独自のテンプレートを持っていなければならない要素ではないことを考えると、それはngIfディレクティブがないと同じようにコンパイルされることから、その内容を防ぐことはできません。

@Component({ 
    selector: 'myComponent', 
    template: ` 
<ng-container [ngTemplateOutlet]="template" *ngIf="condition; else falseCondition"> 
    <ng-content *ngIf="condition"></ng-content> 
</ng-container> 
... 
    `, 
}) 
class MyComponent { 
    @ContentChild(TemplateRef) template; 
    ... 
} 

そしてそれが好き使用：

これは<ng-template>としてコンポーネントのコンテンツを供給することにより解決することができる

<myComponent [condtion]="someCondition" [message]="some message"> 
    <ng-template> 
    <someOtherComponent [bindings]....></someOtherComponent> 
    </ng-template> 
</myComponent>