angular怎么控制css

Klaus88 发布于 2015/03/03 18:29
阅读 8K+
收藏 0
新手无知求不黑!1个li元素和它内部的i元素,要求实现点击li后,i元素的class内去掉一个再加上一个,如何弄啊?
加载中
1
YueZheng
YueZheng

给i一个ng-class属性,属性值是一个在controller中定义的,绑定到该scope的变量,例如: $scope.aClass = 'test1';

给li元素添加ng-click属性,ng-click="listClicked()";

在controller中定义响应事件: $scope.listClicked = () { $scope.aClass = 'test2'}

1
Isronik
Isronik
<div ng-class= {'class-1': scopevar1, 'class-2': scopevar2}></div>
//incontroller, 使用scope的变量真假来使用对应的class起作用。
$scope.scopevar1 = true;
$scope.scopevar2 = flase;
0
xialeistudio
xialeistudio

用指令,

ele.bind("click",function(){

ele.find("i").removeClass("remove").addClass("add");

});

xialeistudio
xialeistudio
回复 @Klaus88 : 你这是在指令中操作的,没关系
xialeistudio
xialeistudio
回复 @燧人氏 : 不用,如果是angular.element()方法,那跟jQuery没区别了。 这里的ele是指令中link:function(scope,ele,attrs)来的
Klaus88
Klaus88
查资料不是说这个会破坏ng的完整性嘛?说不要直接操作dom,真是麻烦啊
燧人氏
燧人氏
既然是新手,告知下 ele要使用angular.element()获取
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部