Javascript Angular 2动态引导应用程序组件

Javascript Angular 2动态引导应用程序组件,javascript,angular,typescript,Javascript,Angular,Typescript,是否可以根据元素是否存在动态引导应用程序组件 我想要一些像 export class AppModule { constructor() { } ngDoBootstrap(appRef: ApplicationRef) { for(let component of components) { if(document.querySelector(component.selector)){ appRef.bootstrap(componen

是否可以根据元素是否存在动态引导应用程序组件

我想要一些像

export class AppModule { 

constructor() {

}   

ngDoBootstrap(appRef: ApplicationRef) {
    for(let component of components) {
       if(document.querySelector(component.selector)){
           appRef.bootstrap(component);
       }
    }
}

}

不,您需要自己检查元素在DOM中是否可用,然后调用
platformBrowserDynamic().bootstrapModule(AppModule)
appRef.bootstrap(组件)
或跳过调用它


另请参见

,这样就无法通过某种方式查看导入的组件并检查循环中的选择器。我问这个问题的原因是可能有超过50个组件,这当然会使我的应用程序模块文件看起来一团糟,也会使以后的维护更加困难。我不确定你的意思。您可能正在引导50多个组件?@Johnwilliams您可以使用与您在
@NgModule
entryComponents:[组件]
如何使用类访问相同的数组?这是一项相当多的工作,您的问题相当模糊。老实说,我不知道你到底想解决什么问题。我需要折磨我的大脑,以找到一个我可以举例说明的合理情景;-)如果你能更详细地阐述你的方法和你的困境,然后指出什么是不可行的,什么是缺失的,让它起作用,这会更容易。