Где поставить код, который должен запускаться после визуализации представлений?

Question

Редактировать: Собственно, это не дубликат. Я спрашиваю, как запустить код, как только Dynamic DOM доступен, не Static DOM:

Потому что мои textarea s находятся внутри ngRepeat, поэтому они не доступны в Статический DOM.

---

Я использую autosize в угловом приложении. Я пытаюсь вызвать autosize как это в самом начале моего контроллера:

autosize(document.getElementsByTagName('textarea')); 

Это не работает, по-видимому, потому что в то время, когда функция вызывается, document.getElementsByTagName пуст.

Поэтому мне нужно вызвать функцию после элементы DOM были визуализированы. Как я могу это сделать?

Примечание: Я также попытался поместить его в блок run, но это тоже не сработало.

Answer 1

Это пример того, что обычно описывается как «все материалы DOM поступают в директивы». Интеграция стороннего кода с привязкой угловых данных потребует некоторых дополнительных мер, но только для инициализации это так просто:

app.directive('textarea', function ($timeout) { 
    return { 
    restrict: 'E', 
    link: function (scope, element) { 
     $timeout(function() { 
     autosize(element[0]); 
     }); 
    } 
    }; 
}); 

$timeout с нулевой задержкой гарантирует, что код выполняется после того, как DOM была оказана с начальным состоянием (это относится к ng-repeat в частности).