Run JavaScript when Angular controller has loaded DOM

Question

I have an Angular template with an ng-repeat. That ng-repeat loads up textareas which I would like to autosize based on their contents. In order to do that, I need to initialize a plugin on each textarea element. The problem is the textareas need to exist in order to run the script on them, and unless I set a timeout I don't know when/where to run that init call. I need to run it once the controller has run and the ng-repeat has loaded up all the textareas into the DOM. I can't seem to find an event that fires when a controller is done doing it's thing.

This seems like such a common thing. What am I missing?

Community · Accepted Answer · 2017-05-23 11:50:16Z

1

You should put this script in a directive and put it on the ng-repeat. Here is a link to a question that has a pretty good explanation on how you might get started.

<div class="MyTextArea" ng-repeat="text int texts" my-directive>{{text}}</div>

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Dec 20, 2013 at 15:43

calebboyd

5,7332 gold badges25 silver badges32 bronze badges

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

1 Comment

coryvb123 Over a year ago

I ended up making a directive called "autoResize" and putting it on the textarea itself. Then inside the directive, I run the plugin on the passed in element inside of scope.$watch().

Collectives™ on Stack Overflow

Run JavaScript when Angular controller has loaded DOM

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related