任何人都可以为这个 JSFiddle 提供正确的方法:
<style>
.red #btn{
background-color:red;
}
.blue #btn{
background-color:blue;
}
</style>
<body ng-app="ap" ng-controller="con">
<button id="btn" ng-click="changeClass()">Change Class</button>
</body>
<script>
var app = angular.module("ap",[]);
app.controller("con",function($scope){
$scope.class = "red";
$scope.changeClass = function(){
if ($scope.class === "red #btn")
$scope.class = "blue #btn";
else
$scope.class = "red #btn";
};
});
</script>
JsFiddle Link
我正在尝试通过 .class & #ID 更改元素的类。
提前致谢
感谢 tymeJV,新的 JSFiddle:
Solution
最佳答案
正确的方法是使用 ng-class
基于切换变量,请考虑:
CSS:
.red {
color: red;
}
JS:
$scope.toggle = false;
HTML:
<button id="btn" ng-click="toggle = !toggle" ng-class="{'red' : toggle}">Change Class</button>
ng-class
通过根据变量(“toggle”)是否为 true
分配引用的类(在上面,“红色”)来工作或 false
.
关于AngularJs 切换 ng-class ng-click,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22071984/