如何用angularjs写一个单击<span>元素变更背景和字体颜色的效果？初学者提问
展开全部
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<style>
.spanClickStyle{
color: white;
background-color: red;
}
</style>
</head>
<body data-ng-app="myApp">
<div data-ng-controller="Ctrl">
<span id="mySpan" data-ng-click="spanClick()">测试</span>
</div>
</body>
</html>
<script>
var app=angular.module('myApp',[]);
app.controller('Ctrl',function($scope){
$scope.spanClick=function(){
$('#mySpan').hasClass('spanClickStyle')?$('#mySpan').removeClass('spanClickStyle'):$('#mySpan').addClass('spanClickStyle');
}
});
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
