angularjs控制器之间通信机制，兄弟间通信

最新推荐文章于 2020-09-18 11:04:12 发布

ITzhongzi

最新推荐文章于 2020-09-18 11:04:12 发布

阅读量1.5k

点赞数

分类专栏：前端学习笔记文章标签： angular

本文链接：https://blog.csdn.net/ITzhongzi/article/details/67648322

版权

前端学习笔记专栏收录该内容

306 篇文章 7 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="./angular.js">
    
  </script>
</head>
<body ng-app="app" >
   <div ng-controller="parent">
        <div ng-controller="child">
           <button ng-click="click()"></button>
        </div>
          <div ng-controller="child2">
        </div>
   </div>
  <script>
   var app=angular.module('app',[])
   //控制器父子调用
   app.controller('parent',function($scope){
        $scope.$on('to-parent',function(event,data){
           console.log(data);
            $scope.$broadcast('to-child',data);
        })
   })
   app.controller('child',function($scope){
      $scope.click=function(){
         $scope.$emit('to-parent','呵呵哒~~~');
      };
         $scope.$on('to-child',function(event,data){
           console.log(123);
        })
   })
  app.controller('child2',function($scope){

         $scope.$on('to-child',function(event,data){
           console.log(123);
        })
   
   })
  </script>
  
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ITzhongzi

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
angularjs控制器之间通信机制，兄弟间通信

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script src="./angular.js"> script>head>body ng-app="app" > div ng-controller="parent"> div ng-controlle
复制链接

扫一扫