如何使 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了。