引导多个组件有哪些影响?

6

我能够做到以下几点:

@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个回答

6

我只是要有两个组件树,并有一个单独的注入器。

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


你能指出一些需要使用多个根组件的情况吗?我的意思是在Bootstrap中使用多个根组件。#仅供参考 - Pardeep Jain
1
@PardeepJain,CDK门户网站是一个很好的例子,即在Angular组件之外呈现Angular组件树。 - Max Koretskyi

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接