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 {}

BrowserModuleexport CommonModule，这样就不需要CommonModule直接在根模块中导入。