zoukankan      html  css  js  c++  java
  • angularJS随笔

    1.作用域

    基于作用域的事件传播

    作用域可以像DOM节点一样,进行事件的传播。主要是有两个方法:

    • broadcasted :从父级作用域广播至子级 scope
    • emitted :从子级作用域往上发射到父级作用域
    <!doctype html>
    <html ng-app>
    <head>
        <script src="http://code.angularjs.org/1.2.25/angular.min.js"></script>
    </head>
    <body>
        <div ng-controller="EventController">
            Root作用域<tt>MyEvent</tt> count:{{count}} 
            <ul>
                <li ng-repeat="i in [1]" ng-controller="EventController">
                    <button ng-click="$emit('MyEvent')">$emit('MyEvent')</button>
                    <button ng-click="$broadcast('MyEvent')">$broadcast('MyEvent')</button>
                    <br>
                    Middle作用域<tt>MyEvent</tt> count: {{count}}
                    <ul>
                        <li ng-repeat="item in [1, 2]" ng-controller="EventController">
                            Leaf作用域<tt>MyEvent</tt> count: {{count}}
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <script type="text/javascript">
            function EventController($scope) {
                $scope.count = 0;
                $scope.$on('MyEvent', function() {
                    $scope.count++;
                });
            }
        </script>
    </body>
    </html>
  • 相关阅读:
    2016/11/10 kettle概述
    2016/11/07 线程的创建和启动
    python3 pip使用报错
    django建表报错
    django学习
    前端系列
    git使用标准
    我的Python之路
    nginx优化
    python安装包的时候报错
  • 原文地址:https://www.cnblogs.com/meiCode/p/6086414.html
Copyright © 2011-2022 走看看