O que é Ng-change no Angular JS e como atribuir valor a ele?

Olá, vamos aprender sobre uma diretiva interessante fornecida em , ou seja, a diretiva ng-change, o próprio nome parcialmente denuncia o trabalho que realiza. Os programadores geralmente se confundem entre eventos on-change e ng-change, vamos esclarecer tudo hoje neste blog. Os tópicos que abordaremos hoje serão:

• O que é uma diretiva?
• O que é ng-change?
• Pontos importantes ao usar a diretiva ng-change
• Sintaxe
• Exemplo

Antes de prosseguir com o blog, primeiro daremos uma olhada rápida no que são Diretivas no AngularJS.

O que é uma diretiva?

As diretivas AngularJS são simplesmente atributos HTML estendidos com um prefixo ‘ng-‘. AngularJS fornece um conjunto de diretivas integradas que oferecem várias funcionalidades para nossos aplicativos.

O AngularJS também nos permite definir nossas próprias diretrizes.

O que é ng-change?

Mudança é um que se destina a executar operações quando um valor de componente ou evento é alterado. Em outras palavras,ng-changediretiva diz ao AngularJS o que fazer quando o valor de um elemento HTML muda.

tem um relacionamento em java

Amodelo ngé exigida pela diretiva ng-change.

casting double to int em java

Pontos importantes ao usar a diretiva ng-change:

• O que acontece ao evento onChange? ong-changediretiva do AngularJS não substitui o evento onchange original do elemento, ambos osng-changeexpressão e os eventos onchange originais serão executados.
• ong-changeo evento é acionado a cada mudança no valor. Não vai esperar que todas as alterações sejam feitas ou que o campo de entrada perca o foco.
• ong-changeO evento só é disparado se houver uma mudança real no valor de entrada, e não se a mudança foi feita a partir de um JavaScript.
• Esta diretiva ng-change é suportada pelas tags HTML como, e.
• A expressão ngChange é avaliada apenas quando uma mudança no valor de entrada faz com que um novo valor seja confirmado para o modelo.

Não será avaliado:

1. se o valor retornado do pipeline de transformação $ parsers não mudou
2. se a entrada continuou a ser inválida, pois o modelo permanecerá nulo
3. se o modelo for alterado não por um valor de entrada, mas programaticamente.

Nota , esta diretiva requerngModelestar presente.

Sintaxe:

< elemento ng-change='expressão' > elemento >

expressão: especifica uma expressão que é executada quando o valor de um elemento muda.

Exemplo:

 
Digite no campo de entrada:
mesclar classificação em c ++
 
O campo de entrada mudou {{count}} vezes.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Saída (após 3 mudanças)

Digite no campo de entrada:

O campo de entrada mudou 3 vezes.

Espero que agora você tenha entendido bem a diretiva ng-change, tente usá-la em seus programas e veja o quanto aprendeu. Obrigado pela leitura.Eu recomendaria que você passasse por isso Tutorial Angular Lista de reprodução de vídeos Edureka para assistir a vídeos e aprender a trabalhar com os aplicativos Angular.

Agora que você conhece a Diretiva Angular, confira o pela Edureka, uma empresa de aprendizagem online confiável com uma rede de mais de 250.000 alunos satisfeitos espalhados por todo o mundo. Angular é uma estrutura JavaScript que é usada para criar aplicativos da web escaláveis, corporativos e de desempenho do lado do cliente. Com a adoção da estrutura Angular sendo alta, o gerenciamento de desempenho do aplicativo é conduzido pela comunidade, gerando indiretamente melhores oportunidades de trabalho. O Angular Certification Training visa cobrir todos esses novos conceitos em torno do Enterprise Application Development.