angular - すべてのプロジェクトで 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