引导多个组件的含义是什么

Question

我可以执行以下操作：

@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>

我想知道这种设置的含义是什么？我是要在一个注入器中拥有两个组件树，还是它们将充当两个不同的应用程序？还有什么我没想过的吗？

Answer 1

我是不是只需要一个注入器就拥有两棵组件树

是的，您将拥有两个独立的根树。它们将被注册ApplicationRef.views，当ApplicationRef.tick()函数被调用时，Angular 将运行两棵树的变化检测。它将是单个应用程序，它们将共享为AppModule.