在ng-click上切换css

前端之家收集整理的这篇文章主要介绍了在ng-click上切换css前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的代码的基本思想:

HTML(玉):

#preferencesBox(ng-click="toggleCustom()")
   .glyphicon.glyphicon-heart

CSS:

#preferencesBox.active{
   color: #d04f37;
}

角度:

$scope.check = true;
$scope.toggleCustom = function() {
    $scope.check = $scope.check === false ? true: false;
};

我想在用户点击父#preferencesBox添加css颜色:#d04f37.添加/删除.active是jQuery的方式.我的ng-class或其他代码应如何?

解决方法

您可以在ng-class中使用将观察check变量的表达式:
ng-class="{'active' : check}"

当check = true时,添加class active

原文链接:https://www.f2er.com/css/214192.html

猜你在找的CSS相关文章