Modules and namespace / name collision in AngularJS

by

As of today, AngularJS modules do not provide any sort of namespacing that would prevent collisions between objects in different modules. The reason is that an AngularJS app has a single injector that holds names for all objects without respect to module names.

The AngularJS Developer Guide says:

To manage the responsibility of dependency creation, each Angular
application has an injector. The injector is a service locator that is
responsible for construction and lookup of dependencies.

As you’ve mentioned, nasty bugs can result when injecting modules into your main/app module. When collisions happen they are silent and the winner is determined by whichever was the last module injected.

So no, there’s not a built in way of avoiding these collisions. Maybe this will happen in the future. For large apps where this problem becomes more likely, you’re right that naming conventions are your best tool. Consider whether objects belonging to a module or function area might use a short prefix.

More Related Contents:

  1. How to share data between two modules in AngularJS?
  2. AngularJS: Uncaught Error: [$injector:modulerr] Failed to instantiate module?
  3. What is the Angular equivalent to an AngularJS $watch?
  4. Custom sort function in ng-repeat
  5. AngularJS and its use of Dollar Variables
  6. Angular and SVG filters
  7. Confusing $locationChangeSuccess and $stateChangeStart
  8. Set Page title using UI-Router
  9. How to send and retrieve parameters using $state.go toParams and $stateParams?
  10. Angularjs simple file download causes router to redirect
  11. Angular UI Router Nested State resolve in child states
  12. angularJS: How to call child scope function in parent scope
  13. How to check if any Checkbox is checked in Angular
  14. AngularJS data bind in ng-bind-html?
  15. Angular UI-Router How to create a “layout” state?
  16. How to use “ng-repeat” within template of a directive in Angular JS?
  17. AngularJS dropdown directive hide when clicking outside
  18. AngularJS custom form component / directive using ng-model
  19. Angularjs autocomplete from $http
  20. Using $index with the AngularJS ‘ng-options’ directive?
  21. Making an angular filter conditional
  22. Telling Angular Js to ignore a specific route
  23. angularjs ui-router strange behaviour with additional segment in route
  24. Why give an “abstract: true” state a url?
  25. Couldn’t load template using templateUrl in Angularjs
  26. How to Set Background image of div with ng-style
  27. Bootstrap-UI Typeahead display more than one property in results list?
  28. How to detect if a user clicks browser back button in Angularjs
  29. upload file from angularjs directly to amazon s3 using signed url
  30. How to pass .env file variables to webpack config?

Leave a Comment