Angular中的html-sanitizing会阻止使用innerhtml输入HTML代码。 _程序开发

创始人

2024-10-31 05:30:34

0次

可以使用Angular的DomSanitizer服务来解决此问题。使用DomSanitizer.bypassSecurityTrustHtml()方法来解除HTML代码的限制，并将其传递到innerhtml中。

示例代码：

在组件中导入DomSanitizer：

import { DomSanitizer, SafeHtml } from '@angular/platform-browser';

@Component({ ... })

export class MyComponent { constructor(private sanitizer: DomSanitizer) {} myHtml: SafeHtml;

ngOnInit() { // HTML代码 const html =

这是一段带有HTML标签的文本.

; // 使用DomSanitizer解除限制 this.myHtml = this.sanitizer.bypassSecurityTrustHtml(html); } }

在模板中使用innerhtml：

这样，就可以在Angular中使用HTML代码而不会被阻止。

透视总结!德扑圈透视(透视)透... 透视总结!德扑圈透视(透视)透视辅助软件（竟然存在有挂）1、下载好德扑圈透视辅助软件之后点击打开，先...

透视辅助!aapoker辅助软... 透视辅助!aapoker辅助软件合法吗(透视)发牌逻辑(一直真的有挂)在进入aapoker辅助软件合...

辅助透视!德扑圈透视挂(透视)... 辅助透视!德扑圈透视挂(透视)辅助器app（一贯有挂）；1、任何德扑圈透视挂ai辅助神器的玩家都可以...

透视辅助!aapoker辅助软... 透视辅助!aapoker辅助软件合法吗(透视)插件(好像真的有挂)；1、这是跨平台的aapoker辅...

透视好友房!德普之星辅助器(透... 透视好友房!德普之星辅助器(透视)透视（竟然是有挂）；1、这是跨平台的德普之星辅助器黑科技，在线的操...

透视模拟器!aapoker辅助... 透视模拟器!aapoker辅助器怎么用(透视)辅助(确实是有挂)1、aapoker辅助器怎么用透视辅...

透视实锤!德普之星透视软件免费... 透视实锤!德普之星透视软件免费入口官网(透视)免费透视（竟然真的有挂）1、德普之星透视软件免费入口官...

透视免费!aapoker真的假... 透视免费!aapoker真的假的(透视)插件(果然是真的有挂)进入游戏-大厅左侧-新手福利-激活码辅...

透视黑科技!德普之星透视(透视... 透视黑科技!德普之星透视(透视)透视辅助软件（果然是真的有挂）1、全新机制【德普之星透视软件透明挂】...

透视黑科技!aapoker透视... 透视黑科技!aapoker透视方法(透视)辅助(好像是真的有挂)1、该软件可以轻松地帮助玩家将aap...