Javascript 在angular应用程序中,当通过chrome开发工具检查元素时,为什么我看不到纯html?

Javascript 在angular应用程序中,当通过chrome开发工具检查元素时,为什么我看不到纯html?,javascript,html,angular,dom,google-chrome-devtools,Javascript,Html,Angular,Dom,Google Chrome Devtools,我的问题基本上是标题所说的: 如果浏览器不理解角度,为什么我在检查元素时看到角度,尽管使用AOT(浏览器中没有角度编译器) 是否仍然可以使用纯html元素查看DOM 例如。 为什么我在使用剑道对话框时会看到元素,这是一个角度分量?这些元素是被忽略的还是它们在引擎盖下 您看到的是标准HTML,因为HTML5允许自定义元素: 当我检查Angular应用程序的元素时,我看到了属于Angular的类、注释和属性,但我看到的仍然是所有标准的DOM元素。例如,没有*ngIf或*ngFor。你能给我们看一个你

我的问题基本上是标题所说的:

如果浏览器不理解角度,为什么我在检查元素时看到角度,尽管使用AOT(浏览器中没有角度编译器)

是否仍然可以使用纯html元素查看DOM

例如。 为什么我在使用剑道对话框时会看到
元素,这是一个角度分量?这些元素是被忽略的还是它们在引擎盖下


您看到的是标准HTML,因为HTML5允许自定义元素:


当我检查Angular应用程序的元素时,我看到了属于Angular的类、注释和属性,但我看到的仍然是所有标准的DOM元素。例如,没有*ngIf或*ngFor。你能给我们看一个你认为不“纯粹”的例子吗?@kshetline更新了问题。在我看来像HTML,你是说自定义标记/元素不是有效的HTML吗?@epascarello,好的,那么即使它是有效的HTML,在渲染过程中会发生什么?它是包含“div”元素还是被忽略?单击
剑道对话框-*
元素之一,查看元素选项卡的右窗格。您将看到默认情况下选择了“样式”选项卡,从中,您应该能够知道它是如何设置样式的(如果有)。这些自定义元素是以任何方式呈现的还是被浏览器忽略的?我的印象(这只是我的印象)是,它们的行为非常类似于span或div,这取决于您为它们指定的CSS属性。