ngIf =は、まだ次のように単純なコンポーネントを定義するテンプレートバインディング

Question

をロードします。

@Component({ 
    selector: 'loader', 
    template: `<div *ngIf='false'> 
     <ng-content></ng-content> 
     </div>`, 
}) 
export class Loader {} 

このようにそれを使用する場合：モデルに定義されていない場合、私はまだテンプレートがエラーを結合ます

<loader> 
     {{model.something}} 
    </loader> 

親は、ngIf=falseでバインディングを解決しようとします。これはなぜですか？

Answer 1

ngContent要素内に投影しようとしているloaderコンポーネントの内部コンテンツは、コンポーネントテンプレートがDOMに挿入されていない場合でも、現在のコンポーネントコンテキスト（this）で1回コンパイルされます。

それは `でも）あなたはこのような問題に

<loader> 
    {{model?.something}} 
</loader>