Hola, coneixem una directriu interessant que es proporciona a , és a dir, la directiva ng-change, el propi nom dóna parcialment la feina que realitza. Els programadors solen confondre’s entre esdeveniments on-change i ng-change. Aclarim-ho tot avui en aquest bloc. Els temes que tractarem avui seran:
- Què és una directiva?
- Què és ng-change?
- Punts importants en utilitzar la directiva ng-change
- Sintaxi
- Exemple
Abans de continuar amb el bloc, primer farem una ullada ràpida a les directrius d'AngularJS.
Què és una directiva?
Les directives AngularJS són simplement atributs HTML ampliats amb un prefix 'ng-'. AngularJS proporciona un conjunt de directives integrades que ofereixen diverses funcionalitats a les nostres aplicacions.
què és fàbrica a angularjs
AngularJS també ens permet definir les nostres pròpies directives.
Què és ng-change?
El canvi és un que està destinat a realitzar operacions quan es modifica un valor o esdeveniment de component. En altres paraules,ng-changeLa directiva indica a AngularJS què cal fer quan canvia el valor d'un element HTML.
Anng-modella directiva ng-change la requereix.
Punts importants en utilitzar la directiva ng-change:
- Què passa amb l'esdeveniment onChange? Elng-changeLa directiva d’AngularJS no anul·la l’esdeveniment onchange original de l’element, tant elng-changeexpressió i els esdeveniments onchange originals s’executaran.
- Elng-changel'esdeveniment s'activa a cada canvi de valor. No esperarà que es facin tots els canvis o que el camp d'entrada perdi el focus.
- Elng-changeL'esdeveniment només s'activa si hi ha un canvi real en el valor d'entrada i no si el canvi s'ha fet a partir d'un JavaScript.
- Aquesta directiva ng-change és compatible amb les etiquetes HTML com,, i.
- L'expressió ngChange només s'avalua quan un canvi en el valor d'entrada fa que es comprometi un valor nou amb el model.
No s’avaluarà:
- si el valor retornat de la canalització de transformació $ parsers no ha canviat
- si l'entrada continua sent invàlida, ja que el model continuarà sent nul
- si el model no es modifica per un valor d’entrada, sinó per programació.
Nota , requereix aquesta directivangModelestar present.
Sintaxi:
< element ng-change='Expressió' > element >
expressió: especifica una expressió que s'executa quan canvia el valor d'un element.
Exemple:
Escriviu el camp d’entrada:
El camp d'entrada ha canviat {{count}} vegades.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])
Sortida (després de 3 canvis)
Escriviu el camp d’entrada:
El camp d'entrada ha canviat 3 vegades.
Espero que, a hores d’ara, tingueu una clara comprensió de la directiva ng-change, proveu d’utilitzar-la als vostres programes i veure quant heu après. Gràcies per llegir.Et recomanaria que passis per això angular Tutorial Llista de reproducció de vídeos Edureka per veure vídeos i aprendre a treballar amb les aplicacions Angular.
Ara que ja coneixeu la Directiva Angular, consulteu el document per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món. Angular és un marc JavaScript que s’utilitza per crear aplicacions web escalables, empresarials i de rendiment del client. Com que l’adopció de marc angular és elevada, la gestió del rendiment de l’aplicació es basa en la comunitat de manera indirecta i genera millors oportunitats laborals. La formació sobre certificació angular té com a objectiu cobrir tots aquests nous conceptes entorn del desenvolupament d'aplicacions empresarials.