Angular 2引导多根组件

标签 angular

我希望能够将多个应用程序根组件启动到我的 index.html 页面中。这最初在 angular 2 beta 0 - 15 上是可能的,但从 beta 16 开始,它不再起作用了。请引用这段代码 http://plnkr.co/edit/A7fyFUST9IdP1FriauXk?p=preview

please see plunker link above for the code

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

提前致谢。

最佳答案

只需列出bootstrap(和声明)中的所有组件

@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?一个完整的例子。

关于Angular 2引导多根组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37066421/

相关文章:

angular - 如何在登录页面中以 Angular 2 实现 "remember me"

php - Laravel 无法读取表单数据

css - Angular 2 : How to style host element of the component?

Angular 从 BehaviorSubject 退订为 Observable

json - 从响应 Angular 2 中提取数据

Angular 垫表根据按钮单击启用/禁用行

angular - 如果 ng-content 有内容或为空 Angular2

Angular 6 自定义库没有 ComponentFactoryResolver 的提供者

html - Angular 5 中动态元素的可访问性

javascript - Angular 8 - HttpClient 获取复杂的 JSON 对象