我试图通过使用范围变量在第一个控制器中调用第二个控制器的方法。这是我的第一个控制器中的一个方法:
$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']);
我肯定可以在这里使用一个服务,但我想知道是否有任何其他的选择,做同样的!
你在两个控制器之间通信的最佳方法是使用事件。
在这里检出$ 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。这样你可以沟通到其他应用程序。