Angular 2 bootstrap多根组件

Question

我希望能够将多个应用程序根组件启动到我的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{}

另请参见如何动态创建自举模式作为Angular2组件？举个完整的例子.

Answer 2

http://plnkr.co/edit/APFwcpOGsMlOMVdGCkCI

新版本变得更容易：

bootstrap(Comp1);
bootstrap(Comp2);

这里还有一个如何实现应用程序之间通信的更高级示例： http://plnkr.co/edit/aZqdJe3OZ8K2odHioWkB