why lazy loaded module has to import commonModule? Angular 2

by

As Ward Bell said(https://devchat.tv/adv-in-angular/119-aia-avoiding-common-pitfalls-in-angular2):

As long as you only have one module in your application and you threw
everything in there, you were benefiting from the common module hiding
inside the browser module. The minute you create a new module, lazy or
not, any new module and you declare anything into it, that new module
has a clean state. It has no knowledge of anything, Angular or
anything. It’s any module, not a lazy module in which you declare
something, you’re going to have to import everything that you actually
need for any of the component you declared in it. That’s why you
needed common module

Modules don’t inherit access to the components, directives, or pipes that are declared in other modules. (https://angular.io/guide/ngmodule#add-the-contactmodule see orange block)

That’s why you have to import CommonModule to have access to ngIf, ngFor and so on directives. Your module doesn’t know anything about directives from other modules. It only looks at its declarations and exports from imported modules

See also:

More Related Contents:

  1. Lazy Loading BrowserModule has already been loaded
  2. Angular 4 Lazy loading with named router-outlet not working
  3. Delegation: EventEmitter or Observable in Angular
  4. Send data through routing paths in Angular
  5. How to set without causing `unsafe value` exception?
  6. How to reload the current route with the angular 2 router
  7. The Angular Compiler requires TypeScript >=3.4.0 and
  8. Should I write methods as arrow functions in Angular’s class
  9. Dynamic template reference variable inside ngFor (Angular 9)
  10. How can we detect when user closes browser?
  11. caching results with angular2 http service [duplicate]
  12. Angular 4: no component factory found,did you add it to @NgModule.entryComponents?
  13. Angular 4 – Update Meta tags dynamically for Facebook (Open graph)
  14. Angular2 child component as data
  15. Is there a type for “Class” in Typescript? And does “any” include it?
  16. What is in Angular 2 Opaque Token and What’s the Point?
  17. angular 2 – adding 3rd party libs
  18. Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays
  19. Angular2 router.navigate refresh page
  20. Angular 6 – Could not find module “@angular-devkit/build-angular”
  21. What are all the valid selectors for ViewChild and ContentChild?
  22. How to truncate text in Angular2?
  23. Redirect to a different component inside @CanActivate in Angular2
  24. Angular 2 – Services consuming others services before call a method
  25. want to show more data in another component when view in detail button is clicked (angular 6)
  26. What is the difference between ActivatedRoute and ActivatedRouteSnapshot in Angular4
  27. How to get Angular2 to bind component in innerHTML
  28. Want to prevent Component recreation while routing in Angular 2
  29. What are the parameters for the number Pipe – Angular 2
  30. How to delete a field in a Firestore Document?

Leave a Comment