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

前端之家收集整理的这篇文章主要介绍了在AngularJS中使用’scope’从另一个控制器调用控制器的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图通过使用范围变量在第一个控制器中调用第二个控制器的方法。这是我的第一个控制器中的一个方法
$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。这样你可以沟通到其他应用程序。

猜你在找的Angularjs相关文章