angular怎么控制css

Klaus88 发布于 2015/03/03 18:29

阅读 8K+

答案 4

AngularJS

新手无知求不黑！1个li元素和它内部的i元素，要求实现点击li后，i元素的class内去掉一个再加上一个，如何弄啊？

加载中

YueZheng

2015/03/04 08:41

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

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

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

评论 (0) 引用此答案举报

Isronik

2015/03/23 09:23

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

评论 (0) 引用此答案举报

xialeistudio

2015/03/03 18:37

用指令，

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

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

});

评论 (4) 引用此答案举报

xialeistudio

2015/03/04 09:25

回复 @Klaus88 : 你这是在指令中操作的，没关系

回复举报

xialeistudio

2015/03/04 09:25

回复 @燧人氏 : 不用，如果是angular.element()方法，那跟jQuery没区别了。这里的ele是指令中link:function(scope,ele,attrs)来的

回复举报

Klaus88

2015/03/03 19:00

查资料不是说这个会破坏ng的完整性嘛？说不要直接操作dom，真是麻烦啊

回复举报

燧人氏

2015/03/03 18:48

既然是新手，告知下 ele要使用angular.element()获取

回复举报

吉姆测试机

2015/03/03 20:39

ng-class

评论 (0) 引用此答案举报

最近登录：2020/06/27 04:32

全部

2K+ 阅读

310 阅读

1K+ 阅读

242 阅读

1K+ 阅读

3405 阅读

8900 阅读

183 阅读

304 阅读

1 阅读

2 阅读

2 阅读

298 阅读

107 阅读

606 阅读

angular怎么控制css

Kla...的其他提问

类似问题

OSCHINA 社区

在线工具

QQ交流群

微信公众号

OSCHINA APP