【转】ng-class的用法
原文出处:https://segmentfault.com/a/11... 在开发中我们通常会遇到一种需求:一个元素在不同的状态需要展现不同的样子。 而在这所谓的样子当然就是改变其css的属性,而实现能动态的改变其属性值,必然只能是更换其class属性 这里有三种方法: 第一种:通过数据的双向绑定(不推荐) 第二种:通过对象数组 第三种:通过key/value 下面简单说下这三种: 第一种:通过数据的双向绑定 实现方式: function changeClass(){ <div class="{{className}}"></div> 当然,这种方式也的确给人的感觉怪怪的,个人认为:可以不得已而为之~ 第二种:通过字符串数组的形式来改变 实现方式: function changeClass(){ <div ng-class="{true:‘zhende‘,false:‘jiade‘}[className]"></div> 但是有一点不好的只能够让一个元素拥有两种状态,虽然这么说!基本也是满足所需了,我一般都用这个。简单、直观! !!对于第二种方式我曾经有疑惑:这到底是什么用法?https://segmentfault.com/q/10... **这并非NG的用法,而是Javascript的技巧。 第三种:通过key/value的方式 实现方式: function changeClass(){ <div ng-class="{’selectClass‘:select,‘choiceClass‘:choice,‘haha‘:lala}"></div> 所以基本上,angularJS中ng-class的实现就这三种方式~ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |