Update parent scope variable in AngularJS

by

You need to use an object (not a primitive) in the parent scope and then you will be able to update it directly from the child scope

Parent:

app.controller('ctrlParent',function($scope){
    $scope.parentprimitive = "someprimitive";
    $scope.parentobj = {};
    $scope.parentobj.parentproperty = "someproperty";
});

Child:

app.controller('ctrlChild',function($scope){
    $scope.parentprimitive = "this will NOT modify the parent"; //new child scope variable
    $scope.parentobj.parentproperty = "this WILL modify the parent";
});

Working demo: http://jsfiddle.net/sh0ber/xxNxj/

See What are the nuances of scope prototypal / prototypical inheritance in AngularJS?

More Related Contents:

  1. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  2. AngularJS: open a new browser window, yet still retain scope and controller, and services
  3. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  4. AngularJS: How can I pass variables between controllers?
  5. Controller not a function, got undefined, while defining controllers globally
  6. How do I share $scope data between states in angularjs ui-router?
  7. Losing scope when using ng-include
  8. How to do two-way filtering in AngularJS?
  9. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  10. $watch an object
  11. ion-content and ion-footer have different $scope
  12. Angularjs: call other scope which in iframe
  13. Error: [ng:areq] from angular controller
  14. Angularjs: ‘controller as syntax’ and $watch
  15. Dynamic form name attribute in Angularjs
  16. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  17. Confirmation dialog on ng-click – AngularJS
  18. Genuinely stop a element from binding – unbind an element – AngularJS
  19. ng-click not working in dynamically created content
  20. Ionic Framework: $scope is undefined in simple alert
  21. Scope issues with Angular UI modal
  22. AngularJS using $rootScope as a data store
  23. What is the difference between $scope.$root and $rootScope?
  24. Angular controller scope not updating after jQuery ajax call
  25. AngularJS event on window innerWidth size change
  26. AngularJS – How to use $routeParams in generating the templateUrl?
  27. Watch multiple $scope attributes
  28. random orderBy in AngularJS 1.2 returns ‘infdig’ errors
  29. Run jQuery code after AngularJS completes rendering HTML
  30. Use underscore inside Angular controllers

Leave a Comment