Ano ang Ng-pagbabago sa Angular JS at paano ito bibigyan ng halaga?

Kumusta, alamin natin ang tungkol sa isang nakawiwiling direktiba na ibinigay , ibig sabihin, ng-pagbabago ng direktiba, ang pangalan mismo ay bahagyang nagbibigay ng gawaing ginagawa nito. Karaniwang nalilito ang mga programmer sa pagitan ng mga kaganapan na nagbabago at ng-nagbago, linawin natin ang lahat ngayon sa blog na ito. Ang mga paksang tatagal natin ngayon ay:

• Ano ang direktiba?
• What is ng-change?
• Mahahalagang puntos habang gumagamit ng direktiba ng-pagbabago
• Syntax
• Halimbawa

Bago magpatuloy sa blog, magkakaroon muna kami ng mabilis na pagtingin sa kung ano ang Mga Direktiba sa AngularJS.

kung paano ayusin ang isang array sa c ++

Ano ang direktiba?

Ang mga direktiba ng AngularJS ay simpleng pinalawig na mga katangian ng HTML na may unlapi na ‘ng-‘. Nagbibigay ang AngularJS ng isang hanay ng mga built-in na direktiba na alok iba't ibang mga pagpapaandar sa aming mga application.

Pinapayagan din kami ng AngularJS na tukuyin ang aming sariling mga direktiba.

What is ng-change?

Ng-change is a na nilalayon para sa pagsasagawa ng mga pagpapatakbo kapag binago ang isang halaga ng bahagi o kaganapan. Sa ibang salita,ng-changesinabi ng direktiba sa AngularJS kung ano ang gagawin kapag nagbago ang halaga ng isang elemento ng HTML.

Isangng-modelang direktiba ay kinakailangan ng direktiba ng-pagbabago.

Mahahalagang puntos habang gumagamit ng direktiba ng-pagbabago:

• Ano ang nangyayari sa kaganapan sa onChange? Angng-changeang direktiba mula sa AngularJS ay hindi override ang orihinal na kaganapan sa pagpapalit ng elemento, kapwa angng-changeang expression at ang orihinal na mga kaganapan sa pagpapalit ay naisakatuparan.
• Angng-changena-trigger ang kaganapan sa bawat pagbabago sa halaga. Hindi nito hihintayin ang lahat ng mga pagbabagong magagawa, o para sa input na field na mawalan ng pagtuon.
• Angng-changeang kaganapan ay ma-trigger lamang kung mayroong isang tunay na pagbabago sa halaga ng pag-input, at hindi kung ang pagbabago ay ginawa mula sa isang JavaScript.
• Ang direktiba ng-pagbabago na ito ay sinusuportahan ng mga HTML tag tulad ng,, at.
• Ang ekspresyong ngChange ay susuriin lamang kapag ang isang pagbabago sa halaga ng pag-input ay nagsasanhi ng isang bagong halaga na dapat gawin sa modelo.

Hindi ito susuriin:

1. kung ang halagang ibinalik mula sa $ parsers transformation pipeline ay hindi nagbago
2. kung ang input ay nagpatuloy na hindi wasto, dahil ang modelo ay mananatiling null
3. kung ang modelo ay binago hindi ng isang halaga ng pag-input ngunit sa program.

Tandaan , ang direktiba na ito ay nangangailanganngModelupang maging naroroon.

Syntax:

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

expression: Tumutukoy ito ng isang expression na naisakatuparan kapag nagbago ang halaga ng isang elemento.

Halimbawa:

 
Mangyaring i-type sa input field:
 
Ang input field ay nagbago ng {{count}} beses.
angular.module ('App1', []) .controller ('cng1l', ['$ saklaw', pagpapaandar ($ saklaw) {$ saklaw.count = 0 $ saklaw.myFunc = pagpapaandar () {$ saklaw.count ++} }])

Output (Pagkatapos ng 3 pagbabago)

Mangyaring i-type sa input field:

i-convert ang decimal sa binary python code

Ang input field ay nagbago ng 3 beses.

Inaasahan kong, sa ngayon ay maaaring magkaroon ka ng isang malinaw na pag-unawa sa direktiba ng-pagbabago, subukang gamitin ito sa iyong mga programa at tingnan kung gaano mo natutunan. Salamat sa pagbabasa.Inirerekumenda ko sa iyo na dumaan ito Angular Tutorial Edureka video playlist upang manuod ng mga video at malaman kung paano gumana kasama ang mga application ng Angular.

Ngayong alam mo na ang Angular Directive, tingnan ang ni Edureka, isang pinagkakatiwalaang kumpanya sa pag-aaral sa online na may isang network na higit sa 250,000 nasiyahan na mga nag-aaral na kumalat sa buong mundo. Angular ay isang balangkas ng JavaScript na ginagamit upang lumikha ng nasusukat, enterprise, at pagganap na mga client-side web application. Sa Angular na pag-aampon ng balangkas na mataas, ang pamamahala ng pagganap ng aplikasyon ay hinihimok ng komunidad nang hindi direkta sa pagmamaneho ng mas mahusay na mga pagkakataon sa trabaho. Nilalayon ng Angular Certification Training na masakop ang lahat ng mga bagong konsepto sa paligid ng Pag-unlad ng Application ng Enterprise.