What is the difference between production and development mode in Angular2?

by

In development mode, change detection does a second run immediately after the first run and produces an error if any bound value has changed between the first and the second run. This helps to locate bugs where checking values has side-effects or fields or functions don’t return the same value on subsequent calls which undermines Angular’s change detection.

In development mode, during the second change detection run, Angular also does some deep object comparisons that it won’t do in production to detect model changes that are disallowed.

Update:

In development mode, a hint is also printed to the console when the HTML sanitizer service strips values from bindings [innerHTML]="..." or [ngStyle]="...".
See also: In RC.1 some styles can’t be added using binding syntax

More Related Contents:

  1. Access environment variables in production build Angular 4
  2. How can I use/create dynamic template to compile dynamic Component with Angular 2.0?
  3. What is the correct way to share the result of an Angular Http network call in RxJs 5?
  4. Angular 2 http get not getting
  5. How to upgrade Angular CLI to the latest version
  6. How to dynamically create bootstrap modals as Angular2 components?
  7. Stop mouse event propagation
  8. Angular2 Exception: Can’t bind to ‘routerLink’ since it isn’t a known native property
  9. Angular2 innerHtml binding remove style attribute [duplicate]
  10. How to call an rest api while bootstrapping angular 2 app
  11. Angular – shared service between components doesn’t work
  12. Services depending on each other
  13. How to import Angular Material in project?
  14. Is it possible to use a pipe in the code? [duplicate]
  15. Angular 2 filter/search list
  16. Angular 6: saving data to local storage
  17. ctorParameters.map is not a function in angular2-mdl
  18. Angular 2 – formControlName inside component
  19. Angular show spinner for every HTTP request with very less code changes
  20. Recording the web page by using Record RTC with Angular
  21. Angular 4 – Select default value in dropdown [Reactive Forms]
  22. How to update / upgrade from Angular 4 to Angular 5+
  23. How to call scrollIntoView on an element in angular 2+
  24. How do I get experimental ngTemplateOutlet to work?
  25. Page transition animations with Angular 2.0 router and component interface promises
  26. Inject Http manually in Angular 2
  27. Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat ‘C:\DumpStack.log.tmp
  28. Angular 6 Uncaught ReferenceError: Buffer is not defined
  29. Angular 6 Migration -.angular-cli.json to angular.json
  30. Filtering specific column in Angular Material Table with filtering in angular?

Leave a Comment