Globally defined AngularJS controllers and encapsulation

by

AngularJS supports 2 methods of registering controller functions – either as globally accessible functions (you can see this form in the mentioned tutorial) or as a part of a modules (that forms a kind of namespace). More info on modules can be found here: http://docs.angularjs.org/guide/module but in short one would register a controller in a module like so:

angular.module('[module name]', []).controller('PhoneListCtrl', function($scope) {

  $scope.phones = [..];

  $scope.orderProp = 'age';
});

AngularJS uses a short, global-function form of declaring controllers in many examples but while this form is good for quick samples it rather shouldn’t be used in real-life applications.

In short: AngularJS makes it possible to properly encapsulate controller functions but also exposes a simpler, quick & dirty way of declaring them as global functions.

More Related Contents:

  1. How do I bind to list of checkbox values with AngularJS?
  2. How to display length of filtered ng-repeat data
  3. How to handle anchor hash linking in AngularJS
  4. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  5. Losing scope when using ng-include
  6. Recursion in Angular directives
  7. SyntaxError: Unexpected token o in JSON at position 1
  8. How to get the url parameters using AngularJS
  9. firebase.database is not a function
  10. angularjs to output plain text instead of html
  11. How to access object property with invalid characters
  12. angularjs: allows only numbers to be typed into a text box
  13. Can you pass parameters to an AngularJS controller on creation?
  14. How do I use Bluebird with Angular?
  15. How to implement history.back() in angular.js
  16. Global Ajax error handler with AngularJS
  17. AngularJS How to dynamically add HTML and bind to controller
  18. How do I set default value of select box in angularjs
  19. Access index of the parent ng-repeat from child ng-repeat
  20. HTTP request from Angular sent as OPTIONS instead of POST
  21. Required attribute Not working with File input in Angular Js
  22. Angular UI-Router $urlRouterProvider .when not working *anymore*
  23. How to use HTTP.GET in AngularJS correctly? In specific, for an external API call?
  24. How to Unit Test Isolated Scope Directive in AngularJS
  25. How can I invoke encodeURIComponent from angularJS template?
  26. FormData how to get or set boundary in multipart/form-data – Angular
  27. How to usemultiple Angular UI Bootstrap Datepicker in single form?
  28. How to set angular controller object property value from directive in child scope
  29. AngularJS: can’t get html5 mode urls with ui-route $state
  30. How to Create simple drag and Drop in angularjs

Leave a Comment