Html DOM是何时为哪个组件创建的？

每个角度组件都有自己的DOM吗？或者index.html只有一个DOM，并且index.html中只有组件选择器的模板元素在DOM中

这里是诀窍：

创建一个angular应用程序，创建几个组件，在应用程序中使用它们并运行应用程序：

通过在浏览器的“元素”选项卡下检查页面，可以检查整个页面的实际DOM

我已经这样做了，结果是：

您在屏幕上看到的每个组件都是实际DOM的一部分。因此，基本上，虽然不确定，但根据我的检查，我假设所有组件都是index.html DOM的一部分

---

我通过查看站点元素对此进行了测试，发现屏幕上显示的每个组件都是DOM的一部分。

因此，任何已创建但未在屏幕上显示/未使用的组件都不会有DOM，对吗？屏幕会以值和视觉效果呈现元素，您可能有属于DOM但未显示的元素。e、 g您可以拥有一个没有任何内容的div，它仍然是该特定页面上DOM的一部分。但是对于Angular，只有由url触发的组件或拥有url的主组件中使用的组件才会成为该url实例中DOM的一部分。在该实例中，渲染/应用组件中未使用的所有其他内容都不是DOM的一部分。我们的想法是再次访问angular.io网站，切换页面，并在切换时检查元素，这将直接向您展示魔术。