angular的$scope,这东西满重要的
<!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>
天道酬勤