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-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>

你可能感兴趣的:(前端学习笔记)