How to get element with height when element is loaded in angular? [duplicate]

Question

I have a textarea, which should be resized to the scrollHeight when it is loaded. I have no problem with key events to resize the textarea like this:

$scope.resize= function (event) {
                        //Auto size:
     var element = typeof event === 'object' ? event.target : document.getElementById(event);
     var scrollHeight = element.scrollHeight - 60; 
     element.style.height = scrollHeight + "px";
}

But I can not resize it, when the element is loaded. I tried with $element and $element[0], but I noticed that the height of $element is 0. And I don't want to fit the height by window height (I can get window height by $window). Is there any way to get the element.height and element.scrollHeight after loading the element in angular?

Maybe this way of getting elements would help: stackoverflow.com/questions/18302493/… — changtung
– changtung, Commented Jul 20, 2015 at 15:22
I believe what your looking for is this stackoverflow.com/questions/454202/… — Ernesto Rendon
– Ernesto Rendon, Commented Jul 20, 2015 at 15:25
I think you should see my answer for angularjs implementation stackoverflow.com/questions/454202/… — chrmcpn
– chrmcpn, Commented Nov 28, 2017 at 20:46

Mathew Berg · Accepted Answer · 2015-07-20 15:31:24Z

1

Toss it behind a $timeout as that will allow angular to digest and the element should be created.

$timeout(function(){
    //do work on element here
});

answered Jul 20, 2015 at 15:31

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

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

Collectives™ on Stack Overflow

How to get element with height when element is loaded in angular? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related