Using the same controller on different elements to refer to the same object

by

Each time the Angular compiler finds ng-controller in the HTML, a new scope is created. (If you use ng-view, each time you go to a different route, a new scope is created too.)

If you need to share data between controllers, normally a service is your best option. Put the shared data into the service, and inject the service into the controller:

function GeneralInfoCtrl($scope, MyService) {

Each scope/controller instance will then be able to access the shared data.

Note that services are singletons, so there will only be one instance of your shared data around.

Here is a fiddle (I didn’t write it) showing how two controllers can share data.

See also AngularJS: How can I pass variables between controllers? and
Angularjs: two way data bindings and controller reload.

More Related Contents:

  1. How to use a filter in a controller?
  2. CORS with spring-boot and angularjs not working
  3. Use of ng-src vs src
  4. AngularJS Paging with $location.path but no ngView reload
  5. How to format a date using ng-model?
  6. Descending order by date filter in AngularJs
  7. angular.js link behaviour – disable deep linking for specific URLs
  8. How to write a debounce service in AngularJS
  9. Otherwise on StateProvider
  10. How can I check which version of Angular I’m using?
  11. Call a method of a controller from another controller using ‘scope’ in AngularJS
  12. How to read binary data in AngularJS in an ArrayBuffer?
  13. Adding http headers to window.location.href in Angular app
  14. How do I sequentially chain promises with angularjs $q?
  15. Mongo Giving ‘duplicate key error’ on non-unique fields
  16. Using ng-repeat to generate select options (with Demo)
  17. What are the differences between ng-repeat and ng-options and why do they not behave the same way?
  18. How do I increase modal width in Angular UI Bootstrap?
  19. Angularjs ng-options using number for model does not select initial value
  20. validate natural input number with ngpattern
  21. Alternative to ng-show/-hide or how to load only relevant section of DOM
  22. How to create a AngularJS promise from a callback-based API
  23. How to use `replace` of directive definition?
  24. Why give an “abstract: true” state a url?
  25. How to implement an ng-change for a custom directive
  26. ng-repeat specify a starting index
  27. how to make synchronous http request in angular js
  28. How to detect if a user clicks browser back button in Angularjs
  29. how do I get ng-include directive to work with a Content Delivery Network?
  30. Inject module dynamically, only if required

Leave a Comment