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代码而不会被阻止。

今日重大通报！微信途游有辅助，... 今日重大通报！微信途游有辅助，潮友会内部脚本辅助软件，解密教程（有挂透视）；超受欢迎的潮友会内部脚本...

2024教程！新全游辅助器，九... 2024教程！新全游辅助器，九酷众游软件，2025新版总结（有挂总结）；《2024教程！新全游辅助器...

科技分享！微信小程序游戏修改器... 科技分享！微信小程序游戏修改器，雀神广东智能插件，2025新版总结（有挂分享）是一款可以让一直输的玩...

重大通报！新八戒可以控制牌型，... 重大通报！新八戒可以控制牌型，仟众部落辅助，第三方教程（有挂方法）；新八戒可以控制牌型是一款益智类棋...

普及知识！微乐智能辅助软件是真... 普及知识！微乐智能辅助软件是真的，家乡大二辅助工具，2025新版教程（真实有挂）;微乐智能辅助软件是...

科技分享！新玄龙辅助，美猴王辅... 科技分享！新玄龙辅助，美猴王辅助，揭秘教程（有挂技巧）是一款可以让一直输的玩家，快速成为一个“必胜”...

玩家必备教程！吉祥填大坑辅助器... 玩家必备教程！吉祥填大坑辅助器攻略，天天互娱辅助器免费下载，新2025教程（的确有挂）;相信小伙伴都...

一分钟揭秘！新道游开挂，新八戒... 一分钟揭秘！新道游开挂，新八戒辅助，详细教程（有挂神器）是一款可以让一直输的玩家，快速成为一个“必胜...

玩家必看科普！微乐四川小程序修... 玩家必看科普！微乐四川小程序修改器，九九联盟辅助，扑克教程（有挂方法）;是一款可以让一直输的玩家，快...

最新通报！人海大厅辅助插件，神... 最新通报！人海大厅辅助插件，神兽互娱辅助免费，透明挂教程（有挂神器）；神兽互娱辅助免费中的10万兆豆...