angular怎么控制css

html-css012

angular怎么控制css,第1张

用指令,

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

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

})

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

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

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

思路:将你需要变换样式的html节点的css的只设置为一个变量,这个变量的值可以通过angular进行双向绑定,当你切换样式时触发函数,直接在angular里面将css的值更改为你需要的值,这样页面的样式也会随着改变