文章出處

<!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>

  


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()