整理文档,搜刮出一个详解AngularJS ng-class样式切换,稍微整理精简一下做下分享。
$scope.hasAll = false; $scope.hasFirst = false; $scope.hasSecond = false; $scope.hasThird = false;
$scope.toggleAll = function () { $scope.hasAll = !$scope.hasAll; console.log($scope.hasAll); var dynamicValue = $scope.hasAll; $scope.hasFirst = dynamicValue; $scope.hasSecond = dynamicValue; $scope.hasThird = dynamicValue; }
$scope.toggleFirst = function () { $scope.hasFirst = !$scope.hasFirst; checkAll(); }
$scope.toggleSecond = function () { $scope.hasSecond = !$scope.hasSecond; checkAll(); }
$scope.toggleThird = function () { $scope.hasThird = !$scope.hasThird; checkAll(); }
function checkAll() { if ($scope.hasFirst == true && $scope.hasSecond == true && $scope.hasThird == true) { console.log("123ok"); $scope.hasAll = true; } else { console.log("123no"); $scope.hasAll = false; }
} })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
原文地址:https://www.jb51.cc/js/38329.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。