用angularjs点击第一个div，第二个div的背景也变成第一个div的背景，然后第一个div还原原来的背景的样式
就是点击第二个div的时候其他全部div还原，类似淘宝的选择鞋子的码数那样，一个勾了；另一个取消...
就是点击第二个div的时候其他全部div还原，类似淘宝的选择鞋子的码数那样，一个勾了；另一个取消
展开
展开全部
我实现了一个demo，剩下的事件绑定和style属性设置你自己用原生js去写吧
ps：你是做作业吗？为什么不用jQuery，不用jQuery的话，很多兼容性你都要去考虑
<!DOCTYPE html>
<html ng-app="Ang">
<style>
mybutton {
display: block;
width: 100px;
height: 50px;
border-radius: 20px;
border: 1px solid;
}
</style>
<div class="main">
<mybutton></mybutton>
<mybutton></mybutton>
<mybutton></mybutton>
<mybutton></mybutton>
</div>
<script src="lib/jquery.min.1.7.js"></script>
<script src="lib/angular.js"></script>
<script src="js/control.js"></script>
// control.js
ang = angular.module("Ang", []);
ang.directive("mybutton", function() {
var link_func = function(scope, element, attr) {
$(element).click(function() {
if (scope.ClickedButton) {
$(scope.ClickedButton).css({backgroundColor:"white"});
}
scope.ClickedButton = element
$(element).css({backgroundColor:"red"});
})
}
return {
restrict: 'E',
link: link_func,
}
})
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
