Question

我有2个控制器我想在另一个控制器中调用一个函数。我使用这个并且我没有使用任何$ scope。如何从一个控制器调用一个函数到另一个控制器。

var app = angular.module("myapp", []);

app.controller("myctl", function () {
var parent= this;
    parent.SayHello = function () {
       // code
    }

})

app.controller("otherctl", function () {
    var child = this;
    // how to call sayHello without $scope 
})

Answer 1

您 cannot ，即使您使用 $scope.

你不能 inject 一个控制器到另一个控制器。

要在控制器之间共享数据，请考虑使用 factory/service 。

<强> DEMO

var app = angular.module("clientApp", [])
 app.controller("TestCtrl", 
   function($scope,names) {
     $scope.names =[];
    $scope.save= function(){
      names.add($scope.name);
    } 
    
  });
 app.controller("TestCtrl2", 
   function($scope,names) {
    $scope.getnames = function(){
     $scope.names = names.get();
   }
});
   
app.factory('names', function(){
  var names = {};
  names.list = [];
  names.add = function(message){
    names.list.push({message});
  };  
  names.get = function(){
    return names.list;
  };
  return names;
});

<!doctype html>
<html >
<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <script src="script.js"></script>
</head>
<body ng-app="clientApp">
  <div ng-controller="TestCtrl">
    <input type="text" ng-model="name">
    <button ng-click="save()" > save</button>    
  </div>
   <div ng-init="getnames()" ng-controller="TestCtrl2">
     <div  ng-repeat="name in names">
       {{name}}
       </div>
 </div>
</body>
</html>

如何在Angular JS中从没有$ scope的另一个控制器调用函数

1 个答案: