Question

为什么我的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

Answer 1

那是因为angular选择了根元素：

document.querySelector(selectorOrNode)

其中selectorOrNode是根组件选择器。

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

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