What to use in place of ::ng-deep

by

FWIW In my research I have not found any replacement for ng-deep or the other applicable alternatives. This is because, I believe, the Angular team is deferring to the W3C spec on the shadow dom, which initially had selectors such as deep. However, the W3c has since removed the recommendation, but not replaced it with a new one. Until that happens, I imagine that the Angular team will keep ::ng-deep and it’s alternatives available, but in deprecated state due to the pending state of W3C’s drafts. I am not able to take the time to find the documentation to back this up right now but I did see it recently.

Long story short: Keep using ::ng-deep and its alternatives until a replacement is created – the deprecation is just an early notice so that people aren’t blindsided whenever the actual change materializes.

— UPDATE —

https://drafts.csswg.org/css-scoping-1/
Here is the draft proposal if you’re interested. It appears that they are working on a robust set of selectors for elements within a shadow dom tree; it is this spec, once approved, that I think will inform the angular clone, if there even is one (i.e. angular may not need to implement their own selectors once this goes live in browsers).

More Related Contents:

  1. I want to create a color picker in ionic app [closed]
  2. Show loading screen when navigating between routes in Angular 2
  3. Style not working for innerHTML in Angular [duplicate]
  4. Remove host component tag from html in angular 4
  5. Angular4 – Scrolling to anchor
  6. Create tree view with horizontal and vertical lines showing the connectivity using css
  7. How to layout images in 3 columns [closed]
  8. Targeting flex items on the last or specific row
  9. How do I vertically align text in a div?
  10. Why does my image have space underneath?
  11. Can I use div as a direct child of UL?
  12. How to center text vertically with a large font-awesome icon?
  13. Add centered text to the middle of a horizontal rule [duplicate]
  14. HTML iframe – disable scroll
  15. How can I display just a portion of an image in HTML/CSS?
  16. text-overflow is not working when using display:flex
  17. Center aligning a fixed position div
  18. CSS Float: Floating an image to the left of the text
  19. Best way to manage whitespace between inline list items
  20. Remove space above and below tag HTML
  21. Height percentage not working in CSS
  22. My @media queries aren’t working on mobile devices
  23. Is it possible to set a background in a bootstrap column that oversizes the div? [duplicate]
  24. Select first occurring element after another element
  25. CSS I want a div to be on top of everything
  26. How can I wrap text around a non rectangular image?
  27. How to change SVG color when it is an encoded CSS background image?
  28. Bootstrap Grid, do I need a container?
  29. How do I avoid a page break immediately after a heading
  30. Can flexbox detect when a flex item wraps?

Leave a Comment