位置: 编程技术 - 正文

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中组件的作用是什么)

  • 注册会计师税法真题
  • 其他应收款是负数怎么报税
  • 增值税普票税额怎么算出来的
  • 招待费专票不可以抵扣
  • 房地产土地使用税纳税义务发生时间
  • 中型企业什么意思
  • 发票打印机贵吗
  • 居间合同有效期多久
  • 法定预算调整的范围
  • 缴纳个税和社保
  • 固定资产折旧年限的最新规定2022
  • 公户转到老板私人账户
  • 普通发票红字冲销发票怎么操作
  • 应付汇差是什么意思
  • 安全费用支出范围包括
  • 财产租赁合同金额含税吗
  • 一次性发20万元个税如何算
  • 增值税税率零税率
  • 个人股权转让申报表
  • 普通发票冲红的限制几张以上
  • 风险纳税人原因查询
  • 电子税务局社保申报截止日期每月
  • 房产转让的房产税怎么算
  • 企业出口产品条件和流程
  • 出口退税进项税额转出的计算
  • 户外广告经营总额
  • 经营方式变更说明
  • 更改代理设置失败 可能无网络连接
  • 进项税税额抵扣
  • 退休返聘工资如何申报个人所得税
  • 企业所得税征收标准
  • 企业的营业外收入要交增值税吗
  • 股东分红个税怎么做账
  • 普通发票红冲需要填信息表吗
  • nomoreporn.exe - nomoreporn是什么进程 有什么用
  • win7电脑开启麦克风权限设置
  • 斋普尔的景点
  • php常用设计模式有哪些
  • 视觉机械臂操作视频
  • 【历史上的今天】3 月 23 日:网景创始人出生;FORMAC 语言的开发者诞生;PRMan 非商业版发布
  • 房地产开发企业会计制度
  • 预先支付的房租
  • 厂房推倒重建和改扩建的税务处理
  • 本月确认收入 发票下月开
  • 国外公司给国内个人汇款
  • python中的函数调用
  • 购买设备配件
  • 合同可以盖财务章子吗
  • 企业营业外收入要交所得税吗
  • 存在弃置费用的固定资产由于技术进步
  • 税控盘忘记抄报税怎么办
  • 事业单位跨年度错账调整
  • 受疫情影响较大的上市公司有哪些
  • 软件开发的账务处理
  • 将资产货物用于职工福利
  • 贷款服务的利息怎么算
  • 财务会计制度的基本要求
  • 分包开给总包的票,能不能抵扣
  • 承租人和共同承租人
  • win10怎么预览文件
  • ubuntu如何安装
  • linux查看du
  • 如何手动添加开机密码
  • mac开机慢开机以后特别卡
  • explorer.exe进程100%
  • Win10用户狂喷微软:更新日志功能还没加上去
  • linux tar -xzvf
  • win8.1优化工具
  • vs2019创建安装程序
  • 怎样从零开始
  • python如何用
  • jquery中绑定事件
  • Node.js中的全局变量有哪些
  • shell判断文件是否存在且大小不为0
  • 简述shell命令提示符的组成
  • getelementbyid isnotafunction
  • 广西税务登记查询网站
  • 河南省地方税务局房产税管理办法
  • 成都税务举报官网
  • 纳税申报2020年2月
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设