素材牛VIP会员
Angular4如何处理接口处获取到的带样式的HTML
 wz***16  分类:Html5  人气:1059  回帖:1  发布于6年前 收藏
  1. 问题描述:

我从京东万象的新闻数据接口里面获取到一段带有css样式的HTML,通过Angular4的@ViewChild和 ElementRef转义处理后,能够在页面正常显示,但是现在全局(style.css)中加了一个font-size:0属性后之后,就无论如何都无法显示出来。调试时,只要把这个属性取消掉,就可以正常显示。无法知道是什么原因,这个属性必须要有,不能删掉。我试过定义一个Pipe,专门对HTML的样式做转换,但是这个只能用于被加载在angular的template上的HTML,我这个是动态获取的,没有在Template上,所以没什么用。

  1. 难点:

1、为什么动态获取到的内容默认使用font-size:0的全局属性,局部定义甚至动态加上css样式都不成功?
2、怎样将获取到的HTML变成angular的Template?

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv6 码匠
奇***士 移动开发工程师 6年前#1

在你这个组件的元数据对象里面加上这个配置encapsulation: ViewEncapsulation.Native,阻止全局的样式进入你这个组件,应该就能解决你的问题了

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取