ngIfディレクティブをすべてのプロジェクトでグローバルに表示するにはどうすればよいですか？

Question

私はコード<div class="flex-container" *ngIf="mail"> Some data </div>

ていると私はエラー私はそれを修正するにはどうすればよいCan't bind to 'ngIf' since it isn't a known property of 'div'.

がありますか？

Answer 1

ルートモジュールにBrowserModuleをインポートし、共通のディレクティブを使用する他のモジュールにCommonModuleをインポートします。

@NgModule({ 
    imports: [BrowserModule], 
    ... 
}) 
class AppModule {} 

と

@NgModule({ 
    imports: [CommonModule], 
    // Now MyComponent has access to ngIf 
    declarations: [MyComponent] 
    ... 
}) 
class OtherModule {} 

BrowserModule輸出CommonModule、それはルートモジュールに直接CommonModuleをインポートする必要はありませんこの方法。