@H_4030@在开发中我们通常会遇到一种需求:一个元素在不同的状态需要展现不同的样子。@H3011@
@H403_0@而在这所谓的样子当然就是改变其css的属性,而实现能动态的改变其属性值,必然只能是更换其class属性@H_3011@
@H403_0@
这里有三种方法:
@H_3011@@H4030@第一种:通过数据的双向绑定(不推荐)@H3011@
@H4030@第二种:通过对象数组@H3011@
@H4030@第三种:通过key/value( 推荐 )@H3011@
@H4030@
下面简单说下这三种:
@H3011@@H4030@
第一种:通过数据的双向绑定
@H3011@@H4030@实现方式:@H301_1@
<div class="jb51code">
<pre class="brush:js;">
function changeClass(){
$scope.className = "change2";
}
<div class="{{className}}">