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>

巴特西

angular的$scope,这东西满重要的

最新文章

热门文章