There are a few things you might consider when running your AngularJS application in production.
Disabling Debug Data
By default AngularJS attaches information about binding and scopes to DOM nodes, and adds CSS classes to data-bound elements:
-
As a result of
ngBind
,ngBindHtml
or{{...}}
interpolations, binding data and CSS classng-binding
are attached to the corresponding element. -
Where the compiler has created a new scope, the scope and either
ng-scope
orng-isolated-scope
CSS class are attached to the corresponding element. These scope references can then be accessed viaelement.scope()
andelement.isolateScope()
.
Tools like Protractor and Batarang need this information to run, but you can disable this in production for a significant performance boost with:
myApp.config(['$compileProvider', function ($compileProvider) { $compileProvider.debugInfoEnabled(false); }]);
If you wish to debug an application with this information then you should open up a debug console in the browser then call this method directly in this console:
angular.reloadWithDebugInfo();
The page should reload and the debug information should now be available.
For more see the docs pages on $compileProvider
and angular.reloadWithDebugInfo
.
Strict DI Mode
Using strict di mode in your production application will throw errors when an injectable function is not annotated explicitly. Strict di mode is intended to help you make sure that your code will work when minified. However, it also will force you to make sure that your injectable functions are explicitly annotated which will improve angular's performance when injecting dependencies in your injectable functions because it doesn't have to dynamically discover a function's dependencies. It is recommended to automate the explicit annotation via a tool like ng-annotate when you deploy to production (and enable strict di mode)
To enable strict di mode, you have two options:
<div ng-app="myApp" ng-strict-di> <!-- your app here --> </div>
or
angular.bootstrap(document, ['myApp'], { strictDi: true });
For more information, see the DI Guide.
Please login to continue.