Does Angular2 use Web Components?

by

update 2

That’s now supported https://angular.io/guide/elements

update

There is an ongoing effort (currently only experimental) to change that – Angular elements https://moduscreate.com/blog/angular-elements-ngcomponents-everywhere/

original

Web components can be used in Angular2 applications, but Angular2 components can’t be consumed as web components.

AFAIK there are no short-term plans to make Angular2 components actual web components. This was a goal at the beginning but turned out to be too complicated.

With the per component setting ViewEncapsulation.Native, shadow DOM is used, but that doesn’t work too well in Angular2 because the browsers lack features to style the shadow DOM. Polymer uses emulated CSS variables and mixins but Angular2 doesn’t yet provide anything like that.

Currently the default setting is ViewEncapsulation.Emulated where some style scoping is emulated.

More Related Contents:

  1. Displaying Tree view using Angular2
  2. How can I select an element in a component template?
  3. Equivalent of $compile in Angular 2
  4. How to pass data between two components in Angular 2
  5. take(1) vs first()
  6. Angular2: Make route paths case insensitive
  7. angular 2 sort and filter
  8. Storing injector instance for use in components
  9. Angular 2 change event on every keypress
  10. Angular2 – FormControl Validation on blur
  11. Get angular-cli to ng serve over HTTPS
  12. How to bind to data-* attribute in angular2? [duplicate]
  13. Angular4 Exception: Can’t bind to ‘ngClass’ since it isn’t a known property of ‘input’
  14. To enable or disable the input field based on the value of select component in angular
  15. Multiple canActivate guards all run when first fails
  16. Filtering specific column in Angular Material table in angular 5 [duplicate]
  17. Custom ExceptionHandler change detection lag
  18. Dynamic classname inside ngClass in angular 2
  19. Differences between value and ngValue in Angular 5
  20. Best method to set different layout for different pages in angular 4
  21. Mocking Child Components – Angular 2
  22. Rxjs Retry with Delay function
  23. What is the meaning of question mark in expressions in Angular 2?
  24. How to solve the circular dependency
  25. Docker container doesn’t reload Angular app
  26. What is the lifecycle of a service in Angular 5
  27. Conditionally apply click event in Angular 4
  28. Firestore Error: The query requires an index
  29. Set style dynamically in Angular
  30. Binding events when using a ngForTemplate in Angular 2

Leave a Comment