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

Question

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?

Answer 1

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.

Answer 2

Here be the official answer to your question http://docs.angularjs.org/misc/downloading