关于ng-class中添加多个样式类的解决方案

想要达到ng-class的效果,有两种写法

1.class=“{{class}} class1 class2”

2.ng-class="{true: ‘active‘, false: ‘inactive‘}[isActive]"

第一种可以使用多个样式类,但官方并不提倡。还想用第二种方法,并且想用多个样式类改怎么办呢?

如下: ng-class="{‘class1 class2‘ : expression1}"   ,当expression1为true,则显示单引号中的样式。

参考:http://stackoverflow.com/questions/18871277/adding-multiple-class-using-ng-class

时间: 2024-10-29 19:10:31

关于ng-class中添加多个样式类的解决方案的相关文章

laravel5.5中添加对分页样式的修改上一页和下一页

博客原文地址http://www.xiegaosheng.com/post/view?id=93; laravel自带的分页样式有点丑,laravel支持自定义样式的, 想把上一页和下一页显示成汉字而不是<<和>> 百度了一下都是去重写分页的函数render,于是打开了laravel分页的源码: render()和links()方法是支持传递视图的: 在views视图目录下创建common/pagination.blade.php文件:代码如下,只需要把laravel自带的defa

一个HTML元素中使用两个样式类

一般只能给一个元素设定一个类(Class),但这并不意味着不能用两个. 事实上,你可以这样: <p class="text side">...</p> 同时给P元素两个类,中间用空格格开,这样所有text和side两个类的属性都会加到P元素上来.如果它们两个类中的属性有冲突的话,后设置的起作用,即在CSS文件中放在后面的类的属性起作用. 例如:我们先定义两个样式,第一个样式背景为#666:第二个样式有10 px的边框..one{width:200px;backg

jquery为指定的元素添加或者删除指定样式类

jquery为指定的元素添加或者删除指定样式类:在实际应用中,可能需要为指定的元素动态的添加或者删除指定css样式类,下面就通过简短的代码做一下介绍.一.添加css样式类: $("#antzone").addClass("class"); 上面的代码为指定的元素添加指定的样式类.更多相关内容可以参阅jQuery的addClass()方法一章节.二.删除css样式类: $("#antzone").removeClass("class&qu

无代码软件开发用样式类定义显示效果

用样式类定义样式需先在项目样式文件夹的任意一个样式文件中写入定义的样式类,然后在开发过程中选中要修改样式的元件,为元件样式类属性"html.styleClass"添加样式类名称即可:用样式类来定义显示效果的主要处理步骤如下:浏览器即时查看处理前的样式项目文件夹中找到样式style文件夹打开任意一个样式文件,写一个样式类并保存将样式类名称添加到项目中任何需同样显示的元件的样式类属性值中保存并运行项目,可以看到新的样式 样式类在样式文件中的写法如下,可参考上面图中写的一个例子: 点 样式类

去除iphone中Safari给按钮默认添加的UI样式

之前在做一个活动页面,里面用到了 input 的 button,写完样式在安卓手机上面测试没有问题,但是在iPhone的Safari中的样式完全变了. 在网上搜索了一下,原来是Safari默认添加上的样式. 而且不仅仅是button,还有submit,reset. 找到原因,赶紧解决,下面献上css代码: input[type="submit"], input[type="reset"], input[type="button"], button

127使用 TableView 自带的单元格样式实现好友列表,另外在单元格中添加辅助按钮

类似的做法如之前这篇随笔:114自定义 UITableViewCell 实现好友列表(扩展知识:如何使用xib创建自定义的表格视图单元格 KMTableViewCell) 相比之下:自定义 UITableViewCell 的内容灵活,可根据需求调整展示效果,应用场景更广:一般适用于TableView 自带的单元格样式无法实现的效果. 效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 3 @interface ViewController :

jsp实现仿QQ空间新建多个相册名称,向相册中添加照片

工具:Eclipse,Oracle,smartupload.jar:语言:jsp,Java:数据存储:Oracle. 实现功能介绍: 主要是新建相册,可以建多个相册,在相册中添加多张照片,删除照片,删除相册,当相册下有照片时先删除照片才能删除相册. 因为每个相册和照片要有所属人,所以顺带有登录功能. 声明:只是后端实现代码,前台无任何样式,代码测试可行,仅供参考. 代码: 数据库连接帮助类: public class JDBCHelper { public static final String

转载:如何在wordpress主题中添加设置页面

将自己设计的题发布或是销售是一件很棒的事情,但并不是每一个主题使用者都有很熟练的HTML/CSS技巧.但是如果在主题中整合一个设置选项页面,就可以使那些完全不懂代码的用户能够很容易地根据他们的喜好来修改主题.下面我将告诉大家如何从零开始做一个最简单的主题选项页(下图为最终效果). 我们的最终目的是什么? 在开始之前,要先了解我们的最终目的是什么?我们主题可以自行定制哪些内容?这些是需要你在设计主题前就应该考虑好的. 每个主题都可以有很多的可编辑元素,本例中我将通过实现下面这三个方面的定制来说明如

走进AngularJs(二) ng模板中常用指令的使用方式

通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板开始入手是个不错方式,因为这部分内容相对简单好理解,而且是视图层的东西,大家都喜欢可以立马看得见的东西嘛.本篇我将搜罗模板中的常用指令一一测试,了解其使用方法,有点像背单词的感觉,会比较枯燥.不过对于初学,这样的枯燥是必须要经历的,开始~ 一.模板中可使用的东西及表达式 模板中可以使用的东西包括以下