Angular dom sanitize没有正常工作
创始人
2024-10-18 22:30:28
0

问题描述: 在Angular中,使用DomSanitizer时发现它没有正常工作。

解决方法:

  1. 确保正确导入DomSanitizer和SafeHtml。

在组件中,确保正确导入DomSanitizer和SafeHtml:

import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
  1. 在组件中注入DomSanitizer。

在组件的构造函数中注入DomSanitizer:

constructor(private sanitizer: DomSanitizer) {}
  1. 使用DomSanitizer来处理HTML字符串。

使用DomSanitizer的bypassSecurityTrustHtml方法来处理HTML字符串:

htmlString: string = '

Some HTML content

'; safeHtml: SafeHtml; ngOnInit() { this.safeHtml = this.sanitizer.bypassSecurityTrustHtml(this.htmlString); }
  1. 在模板中使用safeHtml。

在模板中使用safeHtml来展示处理后的HTML:

这样就可以正确使用DomSanitizer来处理HTML字符串,并在模板中展示安全的HTML内容了。

相关内容

热门资讯

2026版总结!wepoker... 2026版总结!wepoker辅助器安装包定制,hhpoker到底可以作弊吗,操作教程(有挂解密)1...
第三方技巧!大菠萝辅助器,hh... 第三方技巧!大菠萝辅助器,hhpoker德州作弊,方式教程(有挂秘笈)1、hhpoker德州作弊公共...
近期!佛手大菠萝辅助,智星菠萝... 近期!佛手大菠萝辅助,智星菠萝有挂吗,步骤教程(真的有挂)1)佛手大菠萝辅助有没有挂:进一步探索佛手...
为切实保障!wepoker怎么... 您好,wepoker怎么下载游戏这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670430...
长期以来!wepoker怎么发... 长期以来!wepoker怎么发冤家牌,hhpoker是正品吗,模板教程(有挂秘诀)wepoker怎么...
截至发稿!wepoker透视底... 截至发稿!wepoker透视底牌,wepoker究竟有没有透视,法子教程(揭秘有挂)1、wepoke...
近期!hhpoker真的有透视... 近期!hhpoker真的有透视吗,pokemmo手机版修改器,指南教程(证实有挂)1、不需要AI权限...
黑科技代打!wepoker私人... 黑科技代打!wepoker私人局辅助,竞技联盟辅助,操作教程(有挂方略)1、玩家可以在wepoker...
黑科技辅助挂!hhpoker透... 您好,德州来玩辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家...
反观!wepoker透视脚本是... 反观!wepoker透视脚本是什么,werplan外挂,妙计教程(有挂教学)所有人都在同一条线上,像...