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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!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>

  

本文作者:方方和圆圆

本文链接:https://www.cnblogs.com/diligenceday/p/3659098.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   方方和圆圆  阅读(405)  评论(0编辑  收藏  举报

再过一百年, 我会在哪里?

💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起
点击右上角即可分享
微信分享提示