Where to put model data and behaviour? [tl; dr; Use Services]

by

You should use services if you want something usable by multiple controllers. Here’s a simple contrived example:

myApp.factory('ListService', function() {
  var ListService = {};
  var list = [];
  ListService.getItem = function(index) { return list[index]; }
  ListService.addItem = function(item) { list.push(item); }
  ListService.removeItem = function(item) { list.splice(list.indexOf(item), 1) }
  ListService.size = function() { return list.length; }

  return ListService;
});

function Ctrl1($scope, ListService) {
  //Can add/remove/get items from shared list
}

function Ctrl2($scope, ListService) {
  //Can add/remove/get items from shared list
}

More Related Contents:

  1. Add directives from directive in AngularJS
  2. Showing alert in angularjs when user leaves a page
  3. Limiting number of displayed results when using ngRepeat
  4. Show pop-ups the most elegant way
  5. How to display length of filtered ng-repeat data
  6. What’s the recommended way to extend AngularJS controllers?
  7. Losing scope when using ng-include
  8. SyntaxError: Unexpected token o in JSON at position 1
  9. How to get the url parameters using AngularJS
  10. firebase.database is not a function
  11. angularjs to output plain text instead of html
  12. How to access object property with invalid characters
  13. angularjs: allows only numbers to be typed into a text box
  14. Can you pass parameters to an AngularJS controller on creation?
  15. How do I use Bluebird with Angular?
  16. How to implement history.back() in angular.js
  17. Global Ajax error handler with AngularJS
  18. Angular JS custom delimiter
  19. AngularJS How to dynamically add HTML and bind to controller
  20. Angular ui router unit testing (states to urls)
  21. AngularJS : Clear $watch
  22. Angular Js and google api client.js (gapi)
  23. Not a Legal JSONP API — How to get data without CALLBACK parameter
  24. How can I handle browser tab close event in Angular? Only close, not refresh
  25. How can I access the value of a promise?
  26. AngularJS ng-include inside of Google Maps InfoWindow?
  27. Tell screen reader that page has changed in Backbone/Angular single-page app
  28. how to fix 404 warnings for images during karma unit testing
  29. How do I pass multiple attributes into an Angular.js attribute directive?
  30. Globally defined AngularJS controllers and encapsulation

Leave a Comment