Qu'est-ce que Ng-change dans Angular JS et comment lui attribuer une valeur?

Ng-change est une directive en JS angulaire destinée à effectuer des opérations lorsqu'une valeur de composant ou un événement est modifié. Apprenez-en plus avec des exemples.

Bonjour, découvrons une directive intéressante fournie dans , c'est-à-dire la directive ng-change, le nom lui-même révèle partiellement le travail qu'il effectue. Les programmeurs sont généralement confus entre les événements sur le changement et le ng-changement, clarifions tout aujourd'hui dans ce blog. Les sujets que nous aborderons aujourd'hui seront:



Avant de continuer avec le blog, nous allons d'abord jeter un coup d'œil sur les directives dans AngularJS.



Qu'est-ce qu'une directive?

Les directives AngularJS sont simplement des attributs HTML étendus avec un préfixe «ng-». AngularJS fournit un ensemble de directives intégrées qui offrent diverses fonctionnalités à nos applications.

que fait le scanner en java

AngularJS nous permet également de définir nos propres directives.



Qu'est-ce que ng-change?

Le changement est un qui est destiné à effectuer des opérations lorsqu'une valeur de composant ou un événement est modifié. En d'autres termes,ng-changedirective indique à AngularJS quoi faire lorsque la valeur d'un élément HTML change.

Uneng-modèledirective est requise par la directive ng-change.



didacticiels de serveur SQL pour les débutants

Points importants lors de l'utilisation de la directive ng-change:

  • Qu'arrive-t-il à l'événement onChange? Lang-changedirective d'AngularJS ne remplace pas l'événement onchange d'origine de l'élément,ng-changeexpression et les événements onchange d'origine seront exécutés.
  • Lang-changeL'événement est déclenché à chaque changement de valeur. Il n'attendra pas que toutes les modifications soient apportées ou que le champ de saisie perde le focus.
  • Lang-changeL'événement n'est déclenché que s'il y a une modification réelle de la valeur d'entrée, et non si la modification a été effectuée à partir d'un JavaScript.
  • Cette directive ng-change est prise en charge par les balises HTML telles que, et.
  • L'expression ngChange est évaluée uniquement lorsqu'une modification de la valeur d'entrée entraîne la validation d'une nouvelle valeur dans le modèle.

Il ne sera pas évalué:

  1. si la valeur renvoyée par le pipeline de transformation $ parsers n'a pas changé
  2. si l'entrée restait invalide, puisque le modèle restera nul
  3. si le modèle est modifié non pas par une valeur d'entrée mais par programme.

Remarque , cette directive imposengModelêtre présent.

Syntaxe:

< élément ng-change='expression' > élément >

expression: il spécifie une expression qui est exécutée lorsque la valeur d'un élément change.

Exemple:

 

Veuillez saisir dans le champ de saisie:

Le champ de saisie a changé {{count}} fois.

angular.module ('App1', []) .controller ('cng1l', ['$ scope', fonction ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Sortie (après 3 changements)

Veuillez saisir dans le champ de saisie:

saltstack vs marionnette vs chef

Le champ de saisie a changé 3 fois.

J'espère que maintenant vous avez peut-être une compréhension claire de la directive ng-change, essayez de l'utiliser dans vos programmes et voyez tout ce que vous avez appris. Merci d'avoir lu.Je vous recommanderais de passer par ça Tutoriel angulaire Playlist vidéo Edureka pour regarder des vidéos et apprendre à travailler avec les applications angulaires.

Maintenant que vous connaissez la directive angulaire, consultez la par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier. Angular est un framework JavaScript utilisé pour créer des applications Web évolutives, d'entreprise et performantes côté client. L'adoption du cadre angulaire étant élevée, la gestion des performances de l'application est indirectement dirigée par la communauté, ce qui génère de meilleures opportunités d'emploi. La formation de certification angulaire vise à couvrir tous ces nouveaux concepts autour du développement d'applications d'entreprise.