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
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.html
pá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ê.