关于angular 通过变量来控制样式

两种方法可以实现该效果

1. [ngStyle]="{'height':'100px'}"

基本使用方法[ngStyle]="{'height':'100px'}"

判断添加

[ngStyle="{'height': true ? '100px':'0px'}"]

2. [ngClass="{text-conter}"]

[ngClass="{text-center: true}"]
表示当前dom添加样式text-center class样式

[ngClass="{text-center: false}"]
表示当前dom不添加样式text-center class样式

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 深入理解傅里叶变换
    深入理解傅里叶变换Mar 12, 2017 这原本是我在知乎上对傅立叶变换、拉普拉斯变换、Z变换的联系？为什么要进...
    价值趋势技术派阅读 5,804评论 2赞 2
  • 前端面试题及答案汇总
    请参看我github中的wiki，不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,169评论 2赞 19
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,327评论 0赞 11
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 1,788评论 0赞 2