位置: 编程技术 - 正文

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

  • 销售软件税目
  • 小规模纳税人到底能不能收专票
  • 物业收电费有问题找谁解决
  • 资产处置损益影响所有者权益总额吗
  • 合同负债属于负债吗
  • 减免税款抵税怎么做分录
  • 培训产生的住宿费算培训费吗
  • 待抵扣进项税什么时候抵扣
  • 印花税购销合同包括哪些
  • 税收优惠有哪些类型
  • 设备维修劳务费税率
  • 佣金收入者是什么意思
  • 借款可以转注资款吗
  • 奖金个人所得税筹划
  • 发行债券支付的费用要减吗
  • 企业个人完税证明怎么开
  • 旅行社开具会议费发票可以差额征税吗
  • 增值税缴纳地方怎么填
  • 电子发票可以打多少行
  • 4800的个人所得税
  • 企业转让二手房增值税
  • 开户存入现金计什么科目
  • 以公司名义投资好还是以个人名义投资好
  • 本年利润的借贷双方表示什么
  • 预提长期借款利息的会计分录怎么写
  • 纳税评估要转出什么意思
  • 民间借贷以工资抵押的案例
  • win10资源管理器在哪里找
  • 桌面图标归纳
  • 既征增值税又征消费税的是
  • live updater
  • 登记会计账簿的注意事项
  • 应付债券利息费用
  • 冬日里的科赫尔湖,德国巴伐利亚州 (© Reinhard Schmid/eStock Photo)
  • 印花税需要交钱吗
  • 音频的时域波形
  • 交易性金融资产的入账价值
  • vue如何配置路由
  • python中文分词代码
  • php入门基础教程
  • 出口免税税务备案流程图
  • 备用金管理方式
  • 印花税减征比例
  • 事业单位会计制度
  • 商品入库进项税不抵扣会计分录
  • 地方水利建设基金减免政策2023
  • 收到银行承兑汇票怎么兑现
  • 股票股利发放形式是什么
  • 营业执照丢失公告后几天可以办注销
  • 融资租赁的增值税专用发票可不可以抵扣
  • 应交增值税进项税额转出账务处理
  • 二手车会计怎么做的
  • 购入固定资产中的增值税
  • 海关进口代理公司名称
  • 挂靠企业电费如何处理?
  • 物流公司会计工作内容
  • freebsd ip配置
  • ctrmon.exe
  • ie10和ie11
  • mac怎么获取文件路径快捷键
  • win8强制关闭程序
  • centos6.5无法启动
  • executor进程
  • Win10 Mobile 10586.29重要更新 可以玩wp7中的游戏
  • python列表详解
  • 深入react技术栈
  • javascript模块化规范有哪些
  • js原始值有哪些
  • 简单介绍一下自己
  • 莱鸟人集团
  • 欢迎使用来电提醒业务是什么意思
  • js的navigator
  • python字号
  • 体检机构 保险
  • 发票缴销办理流程图
  • 黑龙江省国家税务局通用定额发票
  • 诺诺网电子发票下载到手机
  • 出口退税需要哪些单据
  • 河南国税网上办证流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设