angularJS: How to call child scope function in parent scope

by

You can use $broadcast from the parent to a child:

function ParentCntl($scope) {

    $scope.msg = "";
    $scope.get = function(){
        $scope.$broadcast ('someEvent');
        return  $scope.msg;        
    }
}

function ChildCntl($scope) {               
    $scope.$on('someEvent', function(e) {  
        $scope.$parent.msg = $scope.get();            
    });

    $scope.get = function(){
        return "LOL";    
    }
}

Working fiddle: http://jsfiddle.net/wUPdW/2/

UPDATE: There is another version, less coupled and more testable:

function ParentCntl($scope) {
    $scope.msg = "";
    $scope.get = function(){
        $scope.$broadcast ('someEvent');
        return  $scope.msg;        
    }

    $scope.$on('pingBack', function(e,data) {  
        $scope.msg = data;        
    });
}

function ChildCntl($scope) {               
    $scope.$on('someEvent', function(e) {  
        $scope.$emit("pingBack", $scope.get());        
    });

    $scope.get = function(){
        return "LOL";    
    }
}

Fiddle: http://jsfiddle.net/uypo360u/

More Related Contents:

  1. ‘this’ vs $scope in AngularJS controllers
  2. How do I use $scope.$watch and $scope.$apply in AngularJS?
  3. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  4. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  5. AngularJS access parent scope from child controller
  6. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  7. How do I use $rootScope in Angular to store variables?
  8. $rootScope.$broadcast vs. $scope.$emit
  9. AngularJS access scope from outside js function
  10. How do I inject a controller into another controller in AngularJS
  11. Sending event when AngularJS finished loading
  12. Does my ng-model really need to have a dot to avoid child $scope problems?
  13. How to call a function from another controller in AngularJS? [duplicate]
  14. How do I ignore the initial load when watching model changes in AngularJS?
  15. Get value when selected ng-option changes
  16. Directive isolate scope with ng-repeat scope in AngularJS
  17. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  18. angularjs share data config between controllers
  19. AngularJs: Reload page
  20. How to modify scope from within a directive in AngularJs
  21. Call a method of a controller from another controller using ‘scope’ in AngularJS
  22. AngularJS $watch vs $watchCollection: which is better for performance?
  23. Typescript async/await doesnt update AngularJS view
  24. AngularJS – Filter empty objects
  25. Why ng-scope is added to javascript inline of my partial view and makes alert not working?
  26. AngularJS: How to nest applications within an angular app
  27. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  28. ng-click doesn’t work within the template of a directive
  29. Access Parent Scope in Transcluded Directive
  30. scope and controller instantiation with ui router

Leave a Comment