Cos'è Ng-change in Angular JS e come si assegna valore ad esso?

Salve, veniamo a conoscenza di un'interessante direttiva fornita in , ovvero direttiva ng-change, il nome stesso rivela parzialmente il lavoro che esegue. I programmatori di solito si confondono tra eventi di cambiamento e eventi di cambiamento, chiariamo tutto oggi in questo blog. Gli argomenti che affronteremo oggi saranno:

• Cos'è una direttiva?
• Cos'è ng-change?
• Punti importanti durante l'utilizzo della direttiva ng-change
• Sintassi
• Esempio

Prima di procedere con il blog, daremo prima una rapida occhiata a cosa sono le Direttive in AngularJS.

Cos'è una direttiva?

Le direttive AngularJS sono semplicemente attributi HTML estesi con un prefisso 'ng-'. AngularJS fornisce una serie di direttive integrate che offrono varie funzionalità alle nostre applicazioni.

AngularJS ci consente anche di definire le nostre direttive.

Cos'è ng-change?

Il cambiamento è un che è pensato per eseguire operazioni quando il valore di un componente o un evento viene modificato. In altre parole,ng-changela direttiva dice ad AngularJS cosa fare quando il valore di un elemento HTML cambia.

unire il codice di ordinamento c ++

Unng-modelè richiesta dalla direttiva ng-change.

tutorial informatica per principianti pdf

Punti importanti durante l'utilizzo della direttiva ng-change:

• Cosa succede all'evento onChange? Ilng-changela direttiva di AngularJS non sovrascrive l'evento originale onchange dell'elemento, sia ilng-changeverranno eseguiti l'espressione e gli eventi onchange originali.
• Ilng-changel'evento viene attivato ad ogni modifica del valore. Non aspetterà che vengano apportate tutte le modifiche o che il campo di input perda il focus.
• Ilng-changeviene attivato solo se c'è una modifica effettiva nel valore di input e non se la modifica è stata effettuata da un JavaScript.
• Questa direttiva ng-change è supportata dai tag HTML come, e.
• L'espressione ngChange viene valutata solo quando una modifica nel valore di input causa il commit di un nuovo valore nel modello.

Non verrà valutato:

1. se il valore restituito dalla pipeline di trasformazione $ parsers non è cambiato
2. se l'input continua ad essere non valido, poiché il modello rimarrà nullo
3. se il modello viene modificato non da un valore di input ma a livello di codice.

Nota , questa direttiva richiedengModelessere presente.

Sintassi:

< elemento ng-change='espressione' > elemento >

espressione: specifica un'espressione che viene eseguita quando il valore di un elemento cambia.

Esempio:

 
Si prega di digitare nel campo di input:
vai alla funzione in Python
 
Il campo di input è cambiato {{count}} volte.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Uscita (dopo 3 modifiche)

Si prega di digitare nel campo di input:

Il campo di immissione è cambiato 3 volte.

Spero che a questo punto possiate avere una chiara comprensione della direttiva ng-change, provate ad usarla nei vostri programmi e vedrete quanto avete imparato. Grazie per aver letto.Ti consiglierei di passare attraverso questo Tutorial angolare Playlist video di Edureka per guardare i video e imparare a lavorare con le applicazioni Angular.

Ora che conosci la direttiva angolare, controlla il file da Edureka, una società di formazione online affidabile con una rete di oltre 250.000 studenti soddisfatti sparsi in tutto il mondo. Angular è un framework JavaScript utilizzato per creare applicazioni web lato client scalabili, aziendali e ad alte prestazioni. Con l'adozione del framework Angular elevata, la gestione delle prestazioni dell'applicazione è guidata dalla comunità indirettamente, favorendo migliori opportunità di lavoro. L'Angular Certification Training mira a coprire tutti questi nuovi concetti sullo sviluppo di applicazioni aziendali.