是否可以在一个页面（index.html）上加载Angular中的2个应用程序根：

<app-root>1</app-root>
<app-root>2</app-root>

我有以下引导代码：

const bootstrap = () => platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => {
    if (err != null && err.handled !== true) {
        console.error(err);
    }
});
bootstrap();

似乎第二个app-root元素永远不会被角化 . 是否有其他自举功能？

我之所以这么说是因为我们希望在非Angular上下文中创建由不同团队制作的多个Angular组件 . 一个组件应该可以在页面上多次重复使用，而不使用Angular Elements .

angular angular6