专栏首页Angular&服务关于angular 通过变量来控制样式两种方法可以实现该效果

关于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样式

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ionic之AngularJS扩展2 移动开发

    可能你没有注意过,HTML中常用的script标签在AngularJS中被重新定义了: 除了原来的脚本声明功能之外,如果script元素的type属性 定义为t...

    笔阁
  • angularjs小练习(分别通过ng-repeat和ng-option动态生成select下拉框)

    小小许
  • VUE一些积累 原

    Vue.js在模板表达式中限制了,绑定表达式最多只能有一条表达式,但某些数据需要一条以上的表达式运算实现,此时就可以将此数据放在计算属性(computed)当中...

    晓歌
  • ECMAScript 6教程 (一)

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出 原文连接,博客地址为 http://www.cnblogs.co...

    笔阁
  • 2.2.6 第三方js类库

    周星星9527
  • angularjs通过ng-change和watch两种方式实现对表单输入改变的监控

    angularjs通过ng-change和watch两种方式实现对表单输入改变的监控

    小小许
  • AngularJS2.0 教程系列(一)

    AngularJS当初是提供给设计人员用来快速构建HTML表单的一个内部工具。随着时间的推移,各种特性 被加入进去以适应不同场景下的应用开发。然而由于最初的架构...

    笔阁
  • Vue学习笔记之Vue介绍

    关于他本人的认知,希望大家读一下这篇关于他的文章,或许你会对语言,技术,产生浓厚的兴趣。https://mp.weixin.qq.com/s?__biz=MzA...

    Jetpropelledsnake21
  • AngularJS爬坑之路——路由关于路由的那点事儿

    关于路由,首先想到的是生活中的路由器。 类似路由器,AngularJS中的路由其实也是一样的概念

    大牧莫邪
  • 如何把捏前端模板颗粒度

    今晚看到一篇博文,其原文是讲AngularJS的模板的,但觉得该作者讲的很多思路,不仅仅是AngularJS适用。凡是想在前端进行模板组织的,都可借鉴,故写下读...

    libo1106

扫码关注云+社区

领取腾讯云代金券