$emit not working in controllers in different html pages

Question

I have 2 controllers and one service.From one controller calling service and result $emit to another controller in another page .but its not working.Please help.Thanks in advance.

In first controller

routerApp.controller('DetailCtrl',['$scope''ChefService','$rootScope',function($scope,ChefService,$rootScope){
   $scope.Fn_ClickChefProfile = function(chefid){
    ChefService.GetChefProfile(chefid).then(function(d){
    $rootScope.$emit("CallToChef",d);
     });};]});

In second controller

routerApp.controller('ChefCtrl',['$scope','$rootScope','ChefService',function($scope,$rootScope,ChefService){

$rootScope.$on("CallToChef",function(event,data){
  $scope.Fn_GetChefProfile(data);
 });
 $scope.Fn_GetChefProfile = function(data){
console.log(data);
 };}]);

sorry, another controller **in another page**? Like you have two copies of the app running in different browser windows? — Claies, Nov 30 '16 at 18:55

score 0 · Answer 1 · edited May 23 '17 at 12:30

0

Take a look at this answer

$emit dispatches an event upwards (to parent controller) ... $broadcast dispatches an event downwards (to child controller)

edited May 23 '17 at 12:30

Community

1
1

answered Nov 30 '16 at 18:51

nlarche

132
7

$emit not working in controllers in different html pages

In first controller

In second controller

1 Answers1