angularjs怎样实现Jq的addclass\removeclass
1个回答
展开全部
问题： angularjs怎样实现Jq的addclass\removeclass
描述:
<a >编辑信息</a>
.border-none{
border:none;
}
如何用angular.js实现点击a标签，添加类border-none,再次点击，删除类border-none
解决方案1:
给你个例子吧
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head>
<title>show-hide</title>
<script src="JS/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.controller('showHideController', function ($scope) {
$scope.isShow = true;
$scope.showorhide = function () {
$scope.isShow = !$scope.isShow;
}
});
</script>
<style>
.div {
border: 1px solid #0094ff;
background-color: rebeccapurple;
}
</style>
</head>
<body>
<div ng-c>this is a div which is show</div>
<!--<div ng-show="!isShow">this is a div which is hide</div>-->
<button ng-click="showorhide()">按钮</button>
</div>
</body>
</html>
我网上复制的。 解决方案2:
ng-click 事件啊···然后在js里面用jquery操作 可能我这个方法有点low
解决方案3:
NG就用NG的思维啊，数据绑定才是正确的做法
用ng-class
以上介绍了“ angularjs怎样实现Jq的addclass\removeclass”的问题解答，希望对有需要的网友有所帮助。
描述:
<a >编辑信息</a>
.border-none{
border:none;
}
如何用angular.js实现点击a标签，添加类border-none,再次点击，删除类border-none
解决方案1:
给你个例子吧
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head>
<title>show-hide</title>
<script src="JS/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.controller('showHideController', function ($scope) {
$scope.isShow = true;
$scope.showorhide = function () {
$scope.isShow = !$scope.isShow;
}
});
</script>
<style>
.div {
border: 1px solid #0094ff;
background-color: rebeccapurple;
}
</style>
</head>
<body>
<div ng-c>this is a div which is show</div>
<!--<div ng-show="!isShow">this is a div which is hide</div>-->
<button ng-click="showorhide()">按钮</button>
</div>
</body>
</html>
我网上复制的。 解决方案2:
ng-click 事件啊···然后在js里面用jquery操作 可能我这个方法有点low
解决方案3:
NG就用NG的思维啊，数据绑定才是正确的做法
用ng-class
以上介绍了“ angularjs怎样实现Jq的addclass\removeclass”的问题解答，希望对有需要的网友有所帮助。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
