Tudo o que você precisa saber sobre a função de relógio Angular JS



Este artigo fornecerá a você um conhecimento detalhado e abrangente de como implementar a função Angular JS watch.

o As funções de escopo JS $ são algumas das funções principais. Neste artigo, discutiremos a função de observação Angular JS na seguinte ordem:

Qual é a função de relógio angular JS?

A função angular JS $ watch é usada para observar o objeto de escopo. O $ watch fica de olho na variável e conforme o valor da variável muda, o angular JS $ executa uma função. Esta função leva dois argumentos, um é o novo valor e o outro parâmetro é o valor antigo.





lado do mapa juntar-se à colmeia

relógio js angular

Como usar a função de relógio angular JS?

Vamos dar um exemplo simples do que a função de relógio no angular JS faz exatamente. Então, em nosso programa JS angular, criamos dois arquivos, onde index.js é responsável pelo front-end e o app.js é responsável por lidar com o back-end. Aqui fazemos um programa simples com um formulário e este formulário tem um campo de entrada. Quando colocamos o nome no campo de entrada, a mensagem de saída nos mostra o valor antigo e o novo.



Código HTML

Nossa página index.html tem um aplicativo angular com o nome ngWatchApp e um controlador com o nomewatchController. Então criamos um formulário com um nome de campo de entrada e o valor desse campo de entrada que imprimimos na tag h1 e a mensagem é impressa em

tag.

Exemplo de relógio angular Insira seu nome

{{mensagem}}

Código JavaScript

No app.js, criamos um aplicativo com o nome ngWatchApp e um controlador com o nomewatchController. Em seguida, definimos as duas variáveis ​​no escopo com o nome, nome e mensagem e na função de observação passamos dois parâmetros, um é o nome do campo que é afetado quando a mudança e outro é a função que também tem dois parâmetros, valor novo e valor antigo. Finalmente, acrescentamos dois valores na variável da mensagem e que a variável da mensagem é mostrada noindex.htmlpágina.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// adicionando a variável de escopo $ scope.name = '' $ scope.message = '' // add observe com o campo de nome $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus is $ {newValue} e o valor antigo é $ {oldValue}`} )})

Sempre que observamos uma função, essa função é chamada várias vezes de acordo com o resumo. Sempre que o código é executado, o AngularJS passa a referência $ scope atual como o primeiro argumento. Isso não significa apenas que podemos fazer referência ao escopo apropriado de dentro do corpo da função, mas também que podemos observar qualquer função que espera uma referência de $ scope.

É assim que podemos usar a função angular js watch () em aplicativos para observar as mudanças nas variáveis ​​$ scope. Existem algumas outras coisas que funcionam com $ watch - a função $ digest () itera por meio de todas as observações no objeto $ scope quando$ digest ()itera sobre os relógios, ele chama a função de valor para cada relógio. o$ scope. $ apply ()função recebe uma função como um parâmetro que é executado, e depois disso$ scope. $ digest ()é chamado internamente.

como criar um array de objetos em java

Com isso, chegamos ao fim deste artigo sobre a função Angular JS watch. Se você deseja saber mais sobre a estrutura Angular, consulte nosso que vem com treinamento ao vivo conduzido por instrutor e experiência em projetos da vida real. Este treinamento o ajudará a entender o Angular em profundidade e a obter domínio sobre o assunto.

Tem alguma questão para nós? Mencione isso na seção de comentários de ”Função Angular JS Watch” e entraremos em contato com você.