【发布时间】：2022-01-12 13:14:02
【问题描述】：
检查 Angular 创建的网页上的 DOM 时，我看到许多非标准 HTML 元素。例如。检查Angular documentation on custom elements。这些非标准的 HTML 元素是什么？链接中的非标准元素示例：aio-shell 和 mat-toolbar。
我能想到的最接近的东西是来自 Web 组件的custom elements，但我还没有找到说明所有 Angular 组件将自动编译为自定义元素的文档。 Angular 支持创建自定义元素，但从文档看来，必须导入 @angular/elements 并调用 createCustomElement，而我有一个项目，我没有做过这些，但仍然在 DOM 中看到非标准的 HTML 元素。
我可以提一下，我习惯了 React，据我所知，它只输出标准的 HTML 元素。
【问题讨论】：
-
你能提供一个具体的例子来说明你的问题吗？
-
也许您正在使用带有自定义组件的框架或库（Material、Nebular 等），这就是您在检查元素中看到的内容。
-
@J.Starkl 使用示例更新了问题：aio-shell 和 mat-toolbar。我知道最后一个可能来自 Material UI，所以 Material UI 是在创建 web 组件？
-
mat-toolbar可能来自Angular Material。 Angular 不会删除或替换非标准的 HTML 元素。您将在生成的输出中找到所有组件。 -
@Qiimiia 我正在使用Material UI，看不到他们的文档中提到的网络组件，但我想这可能是答案。
标签： angular