如何解决Angular 从渲染组件中剥离 Web 组件?
根据 this tutorial,我们需要将 tsconfig.json
编译器选项 allowJs
设置为 true
并包含 CUSTOM_ELEMENTS_SCHEMA
,我已经完成了这两件事,如图所示在这次 Stackblitz 中:
https://stackblitz.com/edit/angular-web-component-stripping
我还在此处使用最新的 Angular 版本创建了一个最小的复制品:
https://github.com/fireflysemantics/scully-custom-element-test
在 Stackblitz 演示中,innerHTML
组件的 hello
设置为:
<h1> Web Component Test</h1>
<fs-image url="https://fireflysemantics.github.io/i/developer/instant-html-vscode.png"></fs-image>
然而,Angular 会剥离 fs-image
网络组件。我们需要做什么来包含它?
Angular 确实记录了这个警告:
警告:清理 HTML 删除了一些内容,请参阅 https://g.co/ng/security#xss
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。