在角

Question

动态插入部件我有以下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: [AppComponent, HeroComponent, DummyComponent, MyComponent] 

以下所有值

AppComponent，HeroComponent，DummyComponent，MyComponent的

应该通过一个全局变量来填充。

您能否提供一些解答？

Answer 1

我不知道你在找同样的事情

您可以使用ngDoBootstrap

像

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

Checkout this fiddle