使用ng-click在angularJs中添加和删除类
我正在尝试工作如何使用ngClick添加类。我已经上传了我的代码到plunker
这里点击。查看角度文档，我不知道应该怎么做。以下是我的代码片段。有人可以指引我正确的方向
<div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div>
控制者
var app = angular.module("MyApp", []);
app.controller("subNavController", function ($scope){
$scope.toggle = function (){
$scope.isVisible = ! $scope.isVisible;
};
$scope.isVisible = false;
});
问题答案：
您只需要将变量绑定到指令“ ng-class”，然后从控制器进行更改即可。这是如何执行此操作的示例：
var app = angular.module("ap",[]);
app.controller("con",function($scope){
$scope.class = "red";
$scope.changeClass = function(){
if ($scope.class === "red")
$scope.class = "blue";
else
$scope.class = "red";
};
});
.red{
color:red;
}
.blue{
color:blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="ap" ng-controller="con">
<div ng-class="class">{{class}}</div>
<button ng-click="changeClass()">Change Class</button>
</body>
这是在jsFiddle上工作的示例
-
问题内容： 是否可以为ng-click编写拦截器？我有一个按钮或链接，导致后端对象的删除。我想通过将属性添加到按钮/链接来创建一个确认对话框（模式）。例如： AngularJS有可能吗？有没有更好的方法可以解决此问题？ 编辑 deleteIt方法驻留在不同的控制器中。 谢谢 问题答案： 我在下面放了一个示例指令： http://plnkr.co/edit/GJwK7ldGa9LY90bMuOfl?
-
问题内容： 从第一种观点看，似乎可以传递一些数据作为方法的参数，应在按下按钮期间调用。 但我看不出有什么区别。 我遵循了代码片段： HTML 要么 JS 两者都可以。 谢谢， 问题答案： 他们是一样的东西。您可以用来制作有效的html。
-
问题内容： 我使用指令创建联系表格。最初我创建用于显示客户表单的customerForm指令。在这种形式下，我有一个按钮，当我们单击添加按钮时，称为getData函数，该函数内部使用newDirective显示ul列表。为此，我使用$ compile api编译html代码。很好，当我们单击“删除”按钮时，它也显示列表值和“删除”按钮，它称为scope.remove（）函数。但是它只能删除一个。之
-
问题内容： 我刚开始接触Angular，但过去几周一直在使用它，并且设法解决了我遇到的大多数问题。然而，这让我感到难过。 我有一个应用程序，该应用程序从Twitter提取推文，然后使用角度过滤器提取所有URL，并将其设置为链接样式。该部分工作正常，但客户认为来自Twitter的链接不安全，因此他们希望在每次单击链接时触发免责声明。足够简单- 我劫持了链接并将换成一个。这是发生问题的地方- 不起作用
-
问题内容： 任何人都可以为该JSFiddle提供正确的方法： JsFiddle链接 我正在尝试通过.class＆#ID更改元素的类。 提前致谢 感谢tymeJV，新的JSFiddle： 解 问题答案： 正确的方法是根据切换变量使用，请考虑： CSS： JS： HTML： 通过根据变量（“ toggle”）是否为或分配引用的类（在上面为“红色”）来工作。
-
问题内容： 我一直在寻找使用AngularJS进行单事件和双击事件的处理，因为AngularJS始终仅触发ng-click事件，即使为元素设置了ng- dblclick指令也是如此。 这是一些寻求解决方案的工作代码： JS： HTML： 所以我的问题是（因为我是AngularJS新手）：经验丰富的人可以写一些不错的指令来处理这两个事件吗？ 我认为，理想的方法是更改ng-click，ng-dbl