Question

我希望能够将多个app根组件启动到我的index.html页面中。这最初可能在角度2 beta 0 - 15，但从beta 16开始，它不再工作了。请参考此代码 http://plnkr.co/edit/A7fyFUST9IdP1FriauXk?p=preview

please see plunker link above for the code

希望有人可以修改代码，以便能够在角度2 beta 17上工作。

提前致谢。

Answer 1

只需列出bootstrap（和declarations）

中的所有组件

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App, ModalComponent, CompComponent],
  providers: [SharedService],
  entryComponents: [CompComponent],
  bootstrap: [ App, ModalComponent ]
})
export class AppModule{}

另请参阅How to dynamically create bootstrap modals as Angular2 components?以获取完整示例。

Answer 2

http://plnkr.co/edit/APFwcpOGsMlOMVdGCkCI

新版本更容易：

bootstrap(Comp1);
bootstrap(Comp2);

此处还有一个更高级的示例，说明如何在应用程序之间实现通信： http://plnkr.co/edit/aZqdJe3OZ8K2odHioWkB

Angular 2 bootstrap多根组件

2 个答案: