Angular2 get css property

Question

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.

Yaroslav Grishajev · Accepted Answer · 2016-10-18 17:24:57Z

8

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)

edited Oct 18, 2016 at 17:24

answered Oct 18, 2016 at 16:31

Yaroslav Grishajev

2,13719 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Yaroslav Grishajev Over a year ago

Well most properties of Angular components are empty by default unless you set some. What property do you need?

Ben Over a year ago

I need the css properties that are set by css code. In my case I'm trying to find the display property but my question is more like a global question.

Yaroslav Grishajev Over a year ago

not the best solution I guess, but it works window.getComputedStyle(elementRef.nativeElement)

Ben Over a year ago

Thank you it works perfect! But I'm using this code in ngAfterViewChecked which is called a lot of times. Does getComputedStyle use a lot of memory? And can you please edit you post so I can accept it as answer?

Yaroslav Grishajev Over a year ago

Ok, edited. I can't give an answer on it's performance. This needs some research.

|

Collectives™ on Stack Overflow

Angular2 get css property

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related