Menu
How can I get css properties from a ElementRef element?
I've tried to use element.style but all the properties are empty.
The Renderer class has this.renderer.setElementStyle method but there is no this.renderer.getElementStyle method.
590
::ng-deep is what's called a shadow-piercing descendant combinator. It works because it is able to pierce the shadow DOM. Using ::ng-deep to override a child components styles will achieve the desired result but with unintended side effects.
elementRef instance has a nativeElement property which is an element node itself and contains most of the properties one may need.
Another solution which is well supported by modern browsers is
window.getComputedStyle(elementRef.nativeElement)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
