以角度

时间:2017-10-18 11:25:47

标签: angular

我有以下TS文件:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms'
import { AppComponent } from './app.component.js';
import { HeroComponent } from './hero.component.js';
import { DummyComponent } from './dummy.component.js';
import { MyComponent } from './my.component.js';
@NgModule({

    imports: [BrowserModule, FormsModule],
    declarations: [AppComponent, HeroComponent, DummyComponent, MyComponent],
    providers: [],
    bootstrap: [AppComponent, HeroComponent, DummyComponent, MyComponent]
})
export class AppModule { }

我想根据UI中的某些条件替换bootstrap数组中的值。

bootstrap: [AppComponent, HeroComponent, DummyComponent, MyComponent]

以下所有值

AppComponent,HeroComponent,DummyComponent,MyComponent

应该通过全局变量填充。

请您详细说明一下吗?

1 个答案:

答案 0 :(得分:1)

我不确定你是否在找同样的事情

您可以使用ngDoBootstrap

类似

export class AppModule {
  ngDoBootstrap(appRef:ApplicationRef){
    if(yourCondition=true)
    appRef.bootstrap(AppComponent);
    appRef.bootstrap(App2);
  }
}

Checkout this fiddle