0

Gostaria de chamar uma função após o AngularJS renderizar o conteúdo no template, assim como ele remove o display:none quando se usa o ng-cloak.

function executaAposRenderizar(){...}
app.controller('lista', ['$scope', function($scope) {
    $scope.itens = [...]
    // executaAposRenderizar();
}])

Como chamar uma função após o AngularJS ter imprimido o conteúdo no template?

2 Respostas 2

1

Consegui resolver da seguinte maneira:

app.directive('executarAposRenderizar', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attr) {
            if (scope.$last === true) {
                scope.$evalAsync(attr.executarAposRenderizar);
            }
        }
    }
});

app.controller('lista', ['$scope', function($scope) {
    $scope.itens = [...]
    $scope.alerta = function(){console.log('sucesso');};
}])

HTML:

<ul ng-app="app" ng-controller="lista">
    <li ng-repeat="item in itens" executar-apos-renderizar="alerta()">{{item}}</li>
</ul>

Após executar o ultimo item do loop é chamado o alerta() do $scope através do executar-apos-renderizar.

Referências:

0

Tenta usar o timeout$ para colocar a função na lista de eventos do browser.

function executaAposRenderizar(){...}
app.controller('lista', ['$scope','$timeout', function($scope,$timeout) {
    $scope.itens = [...]
    $timeout(executaAposRenderizar, 0);

}])

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .