在 index.html 中重复根标签

【问题标题】：Repeating root tag in index.html在 index.html 中重复根标签
【发布时间】：2018-05-04 04:44:32
【问题描述】：

为什么在我的 index.html 中重复 <app-root> 标签没有效果？例如，如果我的 app.component.html 有一个简单的Hello World 并且如果我写了

<app-root></app-root>
<app-root></app-root>
<app-root></app-root>

在 index.html 中，浏览器只显示一个Hello World 而不是

Hello World
Hello World
Hello World

【问题讨论】：

标签： angular

【解决方案1】：

那是因为 angular 是通过以下方式选择根元素的：

document.querySelector(selectorOrNode)

其中selectorOrNode 是根组件选择器。

你可以猜到它总是只返回第一个元素。

如果您想将根组件应用于多个元素，则可以使用ngDoBootstrap，如下所述：

【讨论】：