基于Angular中的条件加载ngModule及其组件

devpato

我是angular的新手,我想知道是否可以加载和基于我在app.module上创建的模块及其组件,或者在哪里是最佳选择?

基本上我想做这样的事情:

if(user.deparment === 'coms') {
  //Use the communications.module and its components
}

我附上了一些图片,以便你们看到应用程序的结构。如有必要,我可以添加代码而不是图片。

应用模块图片 在此处输入图片说明

Communications.module图片 在此处输入图片说明

托马斯·库拉(Tomasz Kula)

您可以执行简单的三元检查来有条件地导入模块。像这样:

import { NgModule, Optional } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';

@NgModule({}) class MyModule {}

// toggle and watch the console
const production = true;

@NgModule({
  imports:      [ BrowserModule, production ? MyModule : []],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule {
  constructor(@Optional() module: MyModule) {
    console.log(module);
  }
}

现场演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章