<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="http://localhost:81/js/jquery.js">
</script>
<script src="http://localhost:81/js/angular.min.js">
</script>
</head>
<body ng-app="app" ng-controller="c">
<div ng-show="tag">1111</div>
<!--
<button ng-click="F()">showOrHide</button>
-->
<button t>1</button>
<script>
var app = angular.module("app",[]);
function c($scope){
$scope.tag = false;
$scope.F = function(){
$scope.tag = !$scope.tag;
}
};
app.directive("t",function(){
return {
compile : function($compile){
return function($s,$e,$a,$c){
$e.on("click",function(){
//左右在$scope的作用域下执行，才能享受到模型和视图改变的优势;
$s.$apply(function(){
$s.tag = !$s.tag
})
})
}
}
}
})
</script>
</body>
</html>