引导多个组件有什么含义

时间:2017-02-03 18:41:50

标签: angular

我可以做以下事情:

@NgModule({
    imports: [BrowserModule],
    declarations: [AppComponent, BComponent],
    bootstrap: [AppComponent, BComponent] <---------- here two components
})

并且它会创建两个html标记:

<my-app ng-version="2.4.5" _nghost-lii-0=""><h1 _ngcontent-lii-0="">Hello Angular</h1></my-app>
<b-app ng-version="2.4.5" _nghost-lii-0=""><h1 _ngcontent-lii-0="">Hello Angular</h1></b-app>

我想知道这种设置的含义是什么? 我是否只需要使用单个注射器的两个组件树,或者它们将作为两个不同的应用程序?还有其他我想过的事情吗?

1 个答案:

答案 0 :(得分:3)

  

我是否只会使用一个注射器生成两棵树组件

是的,您将拥有两个独立根树。它们将在ApplicationRef.views下注册,当ApplicationRef.tick()函数被调用时,Angular将对两个树运行更改检测。它将是单个应用程序,它们将共享为AppModule定义的注入器。