Làm thế nào để gọi một hàm từ một bộ điều khiển khác trong angularjs?

Question

tôi cần phải gọi hàm trong một bộ điều khiển ở góc js.How nó có thể cách hãy giúp tôi cảm ơn trước

Code:

app.controller('One', ['$scope', 
    function($scope) { 
     $scope.parentmethod = function() { 
      // task 
     } 
    } 
]); 
app.controller('two', ['$scope', 
    function($scope) { 
     $scope.childmethod = function() { 
      // Here i want to call parentmethod of One controller 
     } 
    } 
]); 

Answer 1

Truyền thông giữa các bộ điều khiển được thực hiện mặc dù $emit + $on/$broadcast + $on phương pháp.

Vì vậy, trong trường hợp của bạn, bạn muốn gọi một phương pháp điều khiển "One" bên trong trình điều khiển "Hai", cách chính xác để làm điều này là:

app.controller('One', ['$scope', '$rootScope' 
    function($scope) { 
     $rootScope.$on("CallParentMethod", function(){ 
      $scope.parentmethod(); 
     }); 

     $scope.parentmethod = function() { 
      // task 
     } 
    } 
]); 
app.controller('two', ['$scope', '$rootScope' 
    function($scope) { 
     $scope.childmethod = function() { 
      $rootScope.$emit("CallParentMethod", {}); 
     } 
    } 
]); 

Trong khi $rootScope.$emit được gọi, bạn có thể gửi bất kỳ dữ liệu như tham số thứ hai.

Answer 2

Bạn có thể sử dụng các sự kiện để cung cấp dữ liệu của bạn. Mã như thế:

app.controller('One', ['$scope', function ($scope) { 
     $scope.parentmethod=function(){ 
       $scope.$emit('one', res);// res - your data 
     } 
    }]); 
    app.controller('two', ['$scope', function ($scope) { 
     $scope.$on('updateMiniBasket', function (event, data) { 
       ... 
     });    
    }]); 

Answer 3

Tôi sẽ không sử dụng chức năng từ bộ điều khiển này sang bộ điều khiển khác. Một cách tiếp cận tốt hơn là di chuyển chức năng chung sang một dịch vụ và sau đó tiêm dịch vụ trong cả hai bộ điều khiển.

Answer 4

Cách tiếp cận tốt nhất để bạn giao tiếp giữa hai bộ điều khiển là sử dụng các sự kiện.

Xem scope tài liệu

Trong này kiểm tra $on, $broadcast và $emit.

Answer 5

Nếu bạn muốn thực hiện chức năng parentmethod bộ điều khiển của cha mẹ trong một bộ điều khiển trẻ em, gọi nó là:

$scope.$parent.parentmethod(); 

Bạn có thể thử nó trên here

Answer 6

Nếu bộ điều khiển two là lồng trong One điều khiển.
Sau đó, bạn chỉ có thể gọi:

$scope.parentmethod(); 

góc chí tìm kiếm cho parentmethod chức năng bắt đầu với quy mô hiện tại và cho đến khi nó sẽ đạt được rootScope.