zoukankan      html  css  js  c++  java
  • angularJS 事件广播与接收

    发送消息: $scope.$emit(name, data) 或者 $scope.$broadcast(name, data);

    接收消息: $scope.on(name,function(event,data){ });

    区别: $emit 广播给父controller   $broadcast 广播给子controller

    broadcast 是从发送者向他的子scope广播一个事件。

    这里就是ParentController发送, ParentController 和 ChildController 会接受到, 而MainController是不会收到的

    $emit 广播给父controller,父controller 是可以收到消息

    $on 有两个参数function(event,msg)  第一个参数是事件对象,第二个参数是接收到消息信息

    var app = angular.module('onBroadcastEvent', ['ng']);
    
    app.controller('MainController', function($scope) {
        $scope.$on('To-MainController', function(event,msg) {
            console.log('MainController received:' + msg);
        });
    });
    
    app.controller('ParentController', function($scope) {
        $scope.click = function (msg) {
            $scope.$emit('To-MainController',msg + ',from ParentController to MainController');
            $scope.$broadcast('To-ChildController', msg + ',from ParentController to ChildController');
            $scope.$broadcast('To-BrotherController', msg + ',from ParentController to BrotherController');
        }
    });
    
    app.controller('ChildController', function($scope){
        $scope.$on('To-ChildController', function(event,msg) {
            console.log('ChildController received:' + msg);
        });
    });
    
    app.controller('BrotherController', function($scope){
        $scope.$on('To-BrotherController', function(event, msg) {
            console.log('BrotherController received:' + msg);
        });
    });
  • 相关阅读:
    ESP32 SDA和SCL
    ESP32的HSPI和VSPI区别
    ffmpeg生成视频封面图
    小程序读取几种不同格式json数据(小程序json解析)
    ajax
    使用Java语言,连接linux服务器,并远程执行shell 脚本
    Echarts饼图的使用
    js提取对象数组中的某一个属性
    java读取文件推送报文
    java读取本地文件内容TXT文件
  • 原文地址:https://www.cnblogs.com/zcynine/p/5170361.html
Copyright © 2011-2022 走看看