我有以下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
应该通过全局变量填充。
请您详细说明一下吗?
答案 0 :(得分:1)
我不确定你是否在找同样的事情
您可以使用ngDoBootstrap
类似
export class AppModule {
ngDoBootstrap(appRef:ApplicationRef){
if(yourCondition=true)
appRef.bootstrap(AppComponent);
appRef.bootstrap(App2);
}
}