AngularJs切换ng-class ng-click
任何人都可以为该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链接
我正在尝试通过.class＆#ID更改元素的类。
提前致谢
感谢tymeJV，新的JSFiddle：
解
问题答案：
正确的方法是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切换class，包括了angularJs的ng-class切换class的使用技巧和注意事项，需要的朋友参考一下 在angular中为我们提供了3种方案处理class： 1：scope变量绑定 2：字符串数组形式。 3：对象key/value处理。 第一种我们不推荐使用，看看其他两种解决方案： 字符串数组形式 字符串数组形式是针对class简单变化
-
问题内容： 我正在尝试使用切换元素的类 isAutoScroll（）： 基本上，如果为true，我希望ng-class是，如果为false，我希望它为 我现在无法使用，并且在控制台中产生此错误 如何正确执行此操作？ 编辑 解决方案1 ：（已过时） 编辑2 解决方案2： 我想更新解决方案，因为Stewie提供的应该是使用的一种。对于三元运算符，这是最标准的（对我而言，最容易阅读）。解决方案是 转
-
本文向大家介绍详解AngularJS ng-class样式切换，包括了详解AngularJS ng-class样式切换的使用技巧和注意事项，需要的朋友参考一下 整理文档，搜刮出一个详解AngularJS ng-class样式切换，稍微整理精简一下做下分享。 1、HTML 2、controller 3、效果图 4、循环列表，判断索引添加样式 *、 以上就是本文的全部内容，希望对大家的学习有所帮助，也
-
问题内容： 我有一个表单，用于答复仅在为true 时才想显示的消息，每次单击答复按钮时，我都希望切换是否显示该表单。我怎样才能做到这一点？ 问题答案： 您只需要在ng-click事件上切换“ isReplyFormOpen”的值
-
问题内容： 我曾经能够用来输出未经消毒的代码（因为消毒发生在服务器端）。 但是现在这个选择消失了吗？我知道我可以使用，但是当不安全易于使用时，将其添加到整个JavaScript上将是一个巨大的痛苦。 我怎么不安全回来？ 问题答案： 好吧，仅创建您自己的指令非常简单，这是一个示例。 指令 ： 用法 ： 演示： http ：//jsfiddle.net/cC5VZ/2
-
问题内容： HTML： JS： 该代码太荒谬了，因为我认为它太多了。我认为可以简化。无论如何，一旦将结果悬停，结果就会切换所有项目。我有jQuery背景，所以我不知道如何在中使用单个项目。 问题答案： 角解 您可以这样解决： 在ngMouseover（和类似功能）函数的内部，上下文是当前项目的范围，因此它是指当前子范围。 你也需要把上： 演示版 CSS解决方案 但是，如果可能的话，尝试仅使用CSS