位置: 编程技术 - 正文

Angular 4中如何显示内容的CSS样式示例代码(angular nz)

编辑:rootadmin

推荐整理分享Angular 4中如何显示内容的CSS样式示例代码(angular nz),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angular ngshow,angular4教程,angular *ngif,angular1.4,angular show,angular show,angular show,angular show,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

在开始本文的正文之前,我们先来看一下angular2中将带标签的文本输出在页面上的相关内容,为了系统性的防范XSS问题,Angular默认把所有值都当做不可信任的。 当值从模板中以属性(Property)、DOM元素属性(Attribte)、CSS类绑定或插值表达式等途径插入到DOM中的时候, Angular将对这些值进行无害化处理(Sanitize),对不可信的值进行编码。

这个属性可以识别 HTML标签 但不识别标签中的属性值

发现问题

大家都知道Angular 中有 innerHTML 属性来设置要显示的内容,但是如果内容包含 CSS 样式,无法显示样式的效果。

Angular 4中如何显示内容的CSS样式示例代码(angular nz)

比如:

只会显示 Hello World ,字体不会是 px,也就是 CSS 样式没有效果。

解决方案

自定义一个 Pipe 来对内容做转换。看下面代码。

写一个 HtmlPipe 类

在需要的模块里面引入管道 HtmlPipe

在 innerHtml 中增加管道名字

这样就可以显示 content 的 CSS 样式。

总结

标签: angular nz

本文链接地址:https://www.jiuchutong.com/biancheng/375870.html 转载请保留说明!

上一篇:详解基于vue-cli优化的webpack配置(vue基于什么)

下一篇:vue综合组件间的通信详解(vue中组件的作用是什么)

  • 海关完税价格是什么
  • 玉米大量收购
  • 以前年度费用调减
  • 免征增值税项目记忆
  • 其他应收款科目未经财务会计部门和运行管理部门
  • 公司员工受伤怎么报工伤
  • 出国考察需要什么手续
  • 销售收入计入其他应付款
  • 广告合同印花税率怎么算
  • 工资薪金所得扣税
  • 资产负债表中流动性从高向低
  • 借用另一家公司名义
  • 企业购买原材料,货款未支付
  • 生产过程中产生的废料怎么管理
  • 换汇成本跟进项有关系吗
  • 总公司给分公司钱
  • 高铁票可以要发票吗
  • 股东以个人名义签订租赁合同
  • 企业空气检测费应该计入什么会计科目核算?
  • 继承房产再出售满五是按老证还是按新证计算时间
  • 企业资产损失会计处理
  • 员工迟到扣工资的会计处理
  • 罕见病药品进口要求
  • 个税经营所得申报常见问题答疑
  • 股东投资如何做账务处理
  • 报销怎么打
  • 电脑每次开机都要磁盘检查是什么原因
  • 搜索框无法搜索内容
  • hp是什么代码
  • 申报表已申报未交款后作废
  • 气温和降水空间变化一月平均气温规律是什么原因是什么
  • web爬虫视频教程
  • 异地项目需要预缴增值税吗
  • 未取得合法支付凭据和与本单位无关的收入
  • 计提短期借款利息会计分录怎么写
  • 固定资产多少钱以上计入固定资产
  • python中如何合并csv
  • python爬虫详细教程
  • 织梦小说采集
  • sql server数字类型
  • 固定资产折旧的账务处理
  • 存货的入账价值等于
  • 税务师工作年限证明材料
  • 库存商品结转成本的金额怎么计算
  • 出口货物免税的税种包括
  • 预存电费和后付费哪个好
  • 广告设计合同属于什么合同
  • 永利股权投资基金怎么样
  • 企业给予第三方补贴
  • 税务局指定购买发票流程
  • 年底结账会计要怎么做账
  • 应付暂估余额很大怎么办
  • 买断式买入
  • 管理费用中的水电费怎么记账
  • 三大财务报表英文
  • 免于填报什么意思
  • 公司怎么变更公司名称
  • mysql常见优化手段
  • perl -ne
  • sql不重复计数函数
  • apache not found
  • freebsd重置密码
  • vpngui.exe是什么进程
  • windows查找命令
  • WinXP下载东西总提示找不到文件的原因及解决方法
  • linux 系统查看
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • glrotatef函数
  • python selenium原理
  • js中的filter方法和map方法
  • jquery注释有哪几种
  • app启动页动画效果
  • listview设置item宽度
  • 用python画roc曲线
  • 如何使用jquery实现点击按钮弹出一个对话框
  • 企业所得税税率10%
  • 深圳企业公积金更改代扣银行
  • 纳税人不办税务许可证
  • 一般纳税人附加税减半征收政策
  • 2015年1毛硬币直径?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设