如何使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直接导入根模块.