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

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 定义的注入器。