在AngularJS中使用’scope’从另一个控制器调用控制器的方法

发布时间：2020-12-17 08:56:23 所属栏目：安全来源：网络整理

导读：我试图通过使用范围变量在第一个控制器中调用第二个控制器的方法。这是我的第一个控制器中的一个方法： $scope.initRestId = function(){ var catapp = document.getElementById('SecondApp'); var catscope = angular.element(catapp).scope(); catscope.re

我试图通过使用范围变量在第一个控制器中调用第二个控制器的方法。这是我的第一个控制器中的一个方法：

$scope.initRestId = function(){
        var catapp = document.getElementById('SecondApp');
        var catscope = angular.element(catapp).scope();
        catscope.rest_id = $scope.user.username;
        catscope.getMainCategories();
    };

我可以设置rest_id的值，但我不能调用getMainCategories由于某种原因。控制台显示此错误：

TypeError: Object # has no method ‘getMainCategories’

有没有办法调用上面的方法？

编辑：

我使用以下方法同时加载两个应用程序;

angular.bootstrap(document.getElementById('firstAppID'),['firstApp']);
angular.bootstrap(document.getElementById('secondAppID'),['secondApp']);

我肯定可以在这里使用一个服务，但我想知道是否有任何其他的选择，做同样的！

你在两个控制器之间通信的最佳方法是使用事件。

Scope Documentation

在这里检出$ on，$ broadcast和$ emit。

在一般用例中，angular.element(catapp).scope()的用法被设计为在角度控制器外部使用，如在jquery事件中。

理想情况下，在您的使用，你会写一个事件在控制器1：

$scope.$on("myEvent",function (event,args) {
   $scope.rest_id = args.username;
   $scope.getMainCategories();
});

在第二个控制器，你只是做

$scope.initRestId = function(){
   $scope.$broadcast("myEvent",{username: $scope.user.username });
};

编辑：实现它是两个模块之间的通信

你可以尝试包括firstApp模块作为第二个应用程序的依赖，你声明angular.module。这样你可以沟通到其他应用程序。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!