Executar uma função assim que a página estiver totalmente carregada no AngularJS

Torbenrudgaard

Desejo executar esta função assim que a página estiver totalmente carregada.

vm.pointInvoice = () => {   
    if ($stateParams.property == "INVOICE") {
        vm.invoiceEdit($stateParams.checkin)
        vm.invoiceFocus = true;
        vm.receiptFocus = false;
    }
}

Se eu colocar a função como um botão (só para testar), tudo funciona perfeitamente

<button ng-click="vm.pointInvoice()">OPEN AND POINT TO INVOICE</button>

Mas, não importa o que eu faça - simplesmente não consigo fazer com que isso execute minha função automaticamente (quando a página está totalmente carregada e todos os dados / elementos estão disponíveis).

Sorte minha que o Stack Overflow tinha muitos posts sobre a página totalmente carregada, então eu tentei um monte deles, mas nenhum deles funcionou, todos eles disparam a função enquanto a página ainda está em branco.

Estes são alguns dos que tentei:

$scope.$on('$viewContentLoaded', function(){
    debugger;
});

angular.element(document).ready(function () {
    debugger;
});

$scope.$on('$stateChangeSuccess', function () {
    debugger;
});

Então, minha única ideia é fazer um setTimeout(function(){ vm.pointInvoice() }, 3000);hack feio, mas para mim isso é um pouco como desistir :-D

DEVE haver alguma maneira de disparar uma função quando a página estiver totalmente carregada ....

Mistalis

Você pode querer usar a ng-initdiretiva:

<div ng-init="init()">...</div>

Defina esta função em seu controlador:

$scope.init = function() {
    alert("Page is fully loaded!);
}

De qualquer forma, você pode chamar esta função diretamente do seu controlador. Ele será chamado assim que o aplicativo e o controlador forem carregados.

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Execute a função quando uma página iônica 2 estiver totalmente carregada

Como posso modificar corretamente o atributo "href" de uma tag HTML <a> depois que a página estiver totalmente carregada?

Como executar uma função quando a página está totalmente carregada?

Acione a pré-busca depois que a página estiver totalmente carregada

Como fazer minha animação funcionar depois que minha página estiver totalmente carregada

Como executar uma função sempre que a página é carregada no React

Como executar uma função quando a página é carregada?

Jquery é iniciado assim que a página é carregada

Como alterar o conteúdo html, quando a página estiver totalmente carregada

Extensão do Chrome: quero que o script de conteúdo seja injetado depois que a página da web estiver totalmente carregada

Tentar executar algo depois que uma página é renderizada não apenas carregada no wpf

O título da página muda para Url assim que a página é carregada?

Selenium Python atualizando uma página com proxies até que esteja totalmente carregada

Executar a função quando uma página específica for carregada no iframe

Existe uma maneira de RPubs executar novamente automaticamente o documento de remarcação sempre que a página é carregada?

Extensão do Chrome, como atrasar o script até que a página esteja totalmente carregada

Como configurar o Headless Chrome para esperar até que a página esteja totalmente carregada antes de imprimir?

Como configurar o Headless Chrome para esperar até que a página esteja totalmente carregada antes de imprimir?

Como executar todo o conteúdo javascript em uma página da web com selênio para encontrar e enviar informações do formulário de login em uma página da web totalmente carregada

Como executar uma função para atualizar os valores de entradas criadas dinamicamente depois que a página inteira foi carregada e renderizada?

Chamar a função Javascript assim que a tabela for carregada dinamicamente usando uma chamada ajax

Como acionar onclick antes que a página seja totalmente carregada

carregar gif até que a página esteja totalmente carregada

Mostrando janela depois que ela estiver totalmente carregada

Execute uma tarefa depois que o WebView estiver totalmente carregado

Como posso executar um script NodeJS sempre que uma página da web é carregada?

como posso recarregar uma página específica que é carregada usando a função jquery .load

Por que meu formulário valida todos os valores padrão (campo intocado) assim que a página é carregada?

Executar uma função Javascript somente depois que a função anterior for totalmente executada

TOP lista

  1. 1

    Problema de escalada que requer programação dinâmica

  2. 2

    Argumento de linha de comando adicionando um parâmetro extra

  3. 3

    Como usar o foco no RichText no flutter?

  4. 4

    Como enviar e-mail para vários destinatários com python?

  5. 5

    AWS Glue Crawler creates a table for every file

  6. 6

    Adicionar campos de texto dinâmicos por meio da seleção suspensa de componentes?

  7. 7

    React: update state with form data onChange using the spread operator

  8. 8

    Como validar número de telefone na laravel?

  9. 9

    ¿Cómo obtener las fechas alternativas entre dos fechas en la misma tabla e insertar esas fechas en una tabla temporal?

  10. 10

    Usando Retrofit, quero acessar o userId a partir da resposta JSON (um valor de uma matriz dentro do objeto)

  11. 11

    UnsatisfiedDependencyException: Error creating bean with name 'securityConfig'

  12. 12

    Comportamento complexo do bootstrap Collapse

  13. 13

    Multilinha EditText com "botão de próxima visualização" em vez de "botão de nova linha"

  14. 14

    Acessando relatório de campanhas na AdMob usando a API do Adsense

  15. 15

    Erro de "recurso de fonte não encontrado" do Android

  16. 16

    Aviso do ponto de interrupção do código do Visual Studio: o código-fonte é diferente da versão original

  17. 17

    O campo requer um bean do tipo que não pôde ser encontrado, considere definir um bean do tipo em sua configuração

  18. 18

    Como posso colar várias linhas do Excel para um DataGridView em C #?

  19. 19

    volatile for signal handler and multi-threading

  20. 20

    Javascript <input> não funciona bem com o IE 11

  21. 21

    não é possível adicionar dependência para com.google.android.gms.tasks.OnSuccessListener

quentelabel

Arquivo