前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于angular 通过变量来控制样式两种方法可以实现该效果

关于angular 通过变量来控制样式两种方法可以实现该效果

作者头像
用户1437675
发布2018-08-20 11:22:59
8430
发布2018-08-20 11:22:59
举报
文章被收录于专栏: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样式

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.12.05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 两种方法可以实现该效果
    • 1. [ngStyle]="{'height':'100px'}"
      • 2. [ngClass="{text-conter}"]
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档