如何在 angular js 中从一个控制器调用一个方法到另一个控制器

Question

我有如下所示的 SidebarController 视图 -

<a ng-click="reachMe($event);$event.preventDefault()" ng-href="#/app/hello">

在转到 link 之前，我想调用 reachMe() 来检查页面上的一些更改，如果有任何更改需要显示警报

function SidebarController($rootScope, $scope, $state, $location, SidebarLoader){
 $scope.reachMe = function(event){

//here I want to call function isPageChanged() from StaticPageController
//something like this
// if StaticPageController.isPageChanged() return true
// then show alert
// else
// $location.url($href) 
 } 
}

Answer 1

控制器不是共享功能的正确概念。为此使用工厂或服务。

var logicFactory = function () {
    return {
        methodA: function () {

        },
        methodB: function()
        {
        }
    };
}

然后您可以将该工厂注入到需要它的每个控制器中，例如：

var ControllerA = function ($scope,logicFactory) {
    $scope.logic = logicFactory;
}

ControllerA.$inject = ['$scope', 'logicFactory'];

另一种选择是使用 broadcast/emit 模式。但我只会在真正需要的时候使用它：

Answer 2

更新 1： 不确定，但请尝试一下。

<div ng-app="testApp" ng-controller="ControllerOne">  

    <button ng-click="methodA();"> Call Another Controller</button> 

</div> 


<script> 
var app = angular.module('testApp', []); 
app.controller('ControllerOne', function($scope, $rootScope) { 
  $scope.reachMe = function() {
     var arrayData = [1,2,3]; 
      $rootScope.$emit('callEvent', arrayData); 

      if($rootScope.isChanged){
      // Show Alert
      }else{
      //Go to route
      }
} 

}); 
app.controller('ControllerTwo', function($scope, $rootScope,$state) { 
  $scope.checkSomethingChanged = function() {
      alert("Hello");
      $rootScope.isChanged = true;
  }

  $rootScope.$on('callEvent', function(event, data) { 
    console.log(data);
    $scope.checkSomethingChanged(); 
  });  
});

以下方法非常适合我：

<div ng-app="testApp" ng-controller="ControllerOne">  

<button ng-click="methodA();"> Call Another Controller</button> 

</div> 


<script> 
var app = angular.module('testApp', []); 
app.controller('ControllerOne', function($scope, $rootScope) { 
  $scope.methodA = function() {
     var arrayData = [1,2,3]; 
      $rootScope.$emit('callEvent', arrayData); 
} 

}); 
app.controller('ControllerTwo', function($scope, $rootScope) { 
  $scope.reachMe = function() {
      alert("Hello");
  }

  $rootScope.$on('callEvent', function(event, data) { 
    console.log(data);
    $scope.reachMe(); 
  });  
}); 
</script>

如何在 angular js 中从一个控制器调用一个方法到另一个控制器

How to call a method from a controller to another controller in angular js

angularjs

angularjs-scope