What are the additional js files of the Angular.js framework for?

angularjs, javascript

Solution

Disclaimer: it is my thoughts. I am not core developer.

AngularJS has base ng module (angular-1.0.1.js) which all basically use and some add-on modules. If you look at the api documentation you will see that the table of contents on the left side is divided into blocks: ng module, ngMock module, ngCookies module, etc.

angular-bootstrap-1.0.1.js seems as bootstrap-like implementations of dropdown and tabs. I think they are mainly used on angularjs.org. But can be used by anyone (thanks to the MIT license).

angular-cookies-1.0.1.js is ngCookies module which provide two services: $cookies and $cookieStore.

angular-loader-1.0.1.js as far as I understand should help to setup angular (ensure that all required modules loaded, etc) in external environments.

angular-resource-1.0.1.js is ngResource module which provide $resource service.

angular-sanitize-1.0.1.js is ngSanitize module which provide ngBindHtml directive, linky filter and $sanitize service.

Problem

I'm trying out angular.js and I'm confused by the number of javascript files that I should import. In the 1.0.1 release there are a bunch of additional files such as: - angular-bootstrap-1.0.1.js - angular-loader-1.0.1.js - angular-resource-1.0.1.js - angular-sanitize-1.0.1.js Naturally I have opened these files to try to understand what is their function. For instance, angular-loader has a comment that says: ``` Interface for configuring angular {@link angular.module modules}. ``` To me, it sounds like an important module, but my simple app works ok without it... Shall I import all of them?

Original source