Angular - 获取实际的 HTML 元素代码而不是 DOM 生成的元素
Angular - Get actual HTML element code rather than DOM generated element
我正在为点击的任何 HTML 元素获取实际的 Angular 代码。例如：
<button (click)="getCode($event)" mat-button>CodeButton</button>
使用此代码，我可以以类似的方式获取生成的 HTML：
<button _ngcontent-buq-c44="" mat-button="">CodeButton</button>
但是我想获取实际的源代码而不是生成的源代码。可能吗？
据我了解，您想获取元素的“未编译”html 源代码？我真的不认为这是可能的。但无论如何，你到底需要它做什么？到目前为止，我从来不需要那种情况。
如果我知道用例，可能会有更好的“解决方法”来满足您的情况。
您编写的模板不是浏览器用来呈现页面的实际 HTML。它只是 angular 提供的中间模板语法，在构建过程中被编译为浏览器兼容 HTML。所以，我认为没有办法在开发阶段获得实际模板。
您可以将 stackblitz 用于代码片段。
我正在为点击的任何 HTML 元素获取实际的 Angular 代码。例如：
<button (click)="getCode($event)" mat-button>CodeButton</button>
使用此代码，我可以以类似的方式获取生成的 HTML：
<button _ngcontent-buq-c44="" mat-button="">CodeButton</button>
但是我想获取实际的源代码而不是生成的源代码。可能吗？
据我了解，您想获取元素的“未编译”html 源代码？我真的不认为这是可能的。但无论如何，你到底需要它做什么？到目前为止，我从来不需要那种情况。
如果我知道用例，可能会有更好的“解决方法”来满足您的情况。
您编写的模板不是浏览器用来呈现页面的实际 HTML。它只是 angular 提供的中间模板语法，在构建过程中被编译为浏览器兼容 HTML。所以，我认为没有办法在开发阶段获得实际模板。
您可以将 stackblitz 用于代码片段。