Angular – What is the meanings of module.id in component?

by

The beta release of Angular (since vesion 2-alpha.51) supports relative assets for components, like templateUrl and styleUrls in the @Component decorator.

module.id works when using CommonJS. You don’t need to worry about how it works.

Remember: setting moduleId: module.id in the @Component decorator is
the key here. If you don’t have that then Angular 2 will be looking
for your files at the root level.

Source from Justin Schwartzenberger’s post, thanks to @Pradeep Jain

Update on 16 Sep 2016:

If you are using webpack for bundling then you don’t need
module.id in decorator. Webpack plugins auto handle (add it)
module.id in final bundle

More Related Contents:

  1. How to bundle an Angular app for production
  2. How to call another components function in angular2
  3. How to call component method from service? (angular2)
  4. Build Angular2 HTML and TypeScript to a single file
  5. ng2 – dynamically creating a component based on a template
  6. Share data between components using a service in Angular2
  7. Is it necessary to unsubscribe from observables created by Http methods?
  8. What is the equivalent of ngShow and ngHide in Angular 2+?
  9. How to iterate object keys using *ngFor
  10. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  11. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  12. Angular 2 Scroll to top on Route Change
  13. how to format date in Component of angular 5
  14. Getting “Uncaught (in promise): TypeError: Object(…) is not a function” Error from Ionic-native VideoEditor Plugin
  15. Typescript/Angular/ES6: can I finally let `hasOwnProperty()` die in for loops?
  16. Hide/show individual items inside ngFor
  17. How to get angular2 [innerHtml] to work [duplicate]
  18. Angular 2 ‘component’ is not a known element
  19. How to make a sequence of http requests in Angular 6 using RxJS
  20. Property ‘json’ does not exist on type ‘Object’
  21. Update parent component property from child component in Angular 2
  22. How to use variable to define templateUrl in Angular2
  23. ‘node-sass’ usage is deprecated and will be removed in a future major version
  24. Observable.of is not a function
  25. How to access host component from directive?
  26. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  27. Angular 4 ExpressionChangedAfterItHasBeenCheckedError
  28. Accessing firebase.storage() with AngularFire2 (Angular2 rc.5)
  29. Custom encoding for urls using Angular 2 Router (using a + sign in place of a space)
  30. Custom Exception Handler in Angular2

Leave a Comment