angular4中我用上面的绑定方式去渲染数据的

我本身要渲染的数据结构如下

之后就给我提示WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).

虽然内容能显示出来,但是字体的颜色和背景不能显示

经过查询,这个是angular4的数据绑定的警告,我们需要对内容进行转换,官网上有解决方案

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

export class CommonproblemsPage{
  constructor(private sanitizer: DomSanitizer) {
  }

onInit():void{
      this.content.text= this.sanitizer.bypassSecurityTrustHtml('要进行转换的内容');
  }

WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).相关推荐

  1. Ionic2 WARNING: sanitizing HTML stripped some content when no content stripped

    Web应用程序的安全涉及到很多方面.针对常见的漏洞和攻击,比如跨站脚本攻击,Angular提供了一些内置的保护措施.为了系统性的防范XSS问题,Angular默认把所有值都当做不可信任的. 当值从模板 ...

  2. Angular:解决innerHTML绑定页面内容,sanitizing HTML stripped some content警告处理和富文本背景色样式无法正常显示的问题

    背景:在系统中使用quill富文本编辑器,使用的版本是ngx-quill@4.0.0,具体使用方法参见我的另一篇博客 Angular:ngx-quill富文本编辑器的使用(地址:https://blo ...

  3. ionic4 背景设置动态图片报错WARNING: sanitizing unsafe style value background-image:url

    ionic4 背景设置动态图片报错WARNING: sanitizing unsafe style value background-image:url WARNING: sanitizing uns ...

  4. Angular4中使用DomSanitizer

    作用 DomSanitizer有助于防止跨站点脚本安全漏洞(XSS),通过清除值以便在不同的DOM上下文中安全使用. 为什么会需要使用DomSanitizer Angular4中默认将所有输入值视为不 ...

  5. angular字符串转成html,详解angular如何调用HTML字符串的方法

    详解angular如何调用HTML字符串的方法 前面的文章我们介绍过angular6.0的数据绑定,也就是前面页面如何调用后台的数据,我们接触到了调用普通数据--如:调用产品详情{{post.cont ...

  6. UIScrollView Scrollable Content Size Ambiguity 解决方法

    转载URL:1.http://stackoverflow.com/questions/19036228/uiscrollview-scrollable-content-size-ambiguity-x ...

  7. 使用 markdown-it 解析 markdown 代码(读 VuePress 三)

    前言 在此系列文章的第一篇,我们介绍了 Vuepress 如何让 Markdown 支持 Vue 组件的,但没有提到非 Vue 组件的其他部分如何被解析. 今天,我们就来看看 Vuepress 是如何 ...

  8. QMessageBox 使用方法

    在Qt中经常需要弹出窗口,QMessageBox可以实现此功能,一共有三种窗口,information, question, 和 warning,critical, about分别对应感叹号,问号和叉 ...

  9. twitter批量取消关注_如何在Twitter上取消阻止“潜在敏感内容”

    twitter批量取消关注 Twitter 推特 Twitter blocks some tweets with a "potentially sensitive content" ...

最新文章

  1. 微软私有云分享(R2)8-PowerShell下载文件
  2. 未能加载文件或程序集“*****.dll”或它的某一个依赖项。找到的程序集清单定义与程序集引用不匹配。(异常来自HRESULT:0x80131040)
  3. python 对输入的数据进行排序_使用插入排序对输入数据排序
  4. maya绑定控制器在大纲里是灰色的_3dsmax绑定转maya ADV插件
  5. 高德地图自定义点标记大小_Vue:如何在地图上添加自定义覆盖物(点)
  6. c语言建立队列(顺序队列、循化队列和链式队列)
  7. 大概率有料的地方,大概率没有料的地方
  8. python程序写诗_用Python作诗,生活仍有诗和远方
  9. 【支付宝服务窗】JEECG支付宝服务窗平台指南
  10. JavaScript高级实战教程,带你深入学习JS高级应用
  11. 【iOS-Cocos2d游戏开发之十八】解决滚屏背景/拼接地图有黑边(缝隙)以及禁止游戏中自动锁屏问题!
  12. 来自GitHub的Python开源项目,100%可用的12306多功能抢票助手,切勿作为商业用途
  13. 信度和效度经典例子_信度、效度、难度、区分度之间有何不同?
  14. Python编程语言好学吗? 零基础转行能学Python吗?
  15. 一种血氧仪方案算法探讨
  16. Java基础 DAY17
  17. 直追PD-1,癌症免疫新靶点CSF-1R药物研究进展综述
  18. 安踏携手华为运动健康共同验证冠军跑鞋 创新引领中国体育
  19. 申请宣告专利权无效的主体有哪些 ?
  20. 百度地图WebAPI

热门文章

  1. Win32 API (3) ZeroMemory,SecureZeroMemory
  2. Generic Webhook Trigger 实现特定提交触发自动构建
  3. 蝴蝶效应:混沌中的非线性
  4. 解析基因影响:孟德尔随机化的创新思维
  5. 读《远见:如何规划职业生涯3大阶段》
  6. wdcdn为您提供CDN系统解决方案
  7. 《2019秋招腾讯、招银面试问题》
  8. 实现NavigationBar的两种方式
  9. java 设置pdf页面大小_通过Java实现对PDF页面的详细设置
  10. linux文件权属与权限