Ang kailangan mo lamang malaman tungkol sa Angular JS watch Function



Magbibigay sa iyo ang artikulong ito ng isang detalyado at komprehensibong kaalaman tungkol sa kung paano ipatupad ang Angular JS watch Function.

Ang Ang mga pagpapaandar ng JS $ saklaw ay ilan sa mga pangunahing pag-andar. Sa artikulong ito, tatalakayin namin ang Angular JS relo na pag-andar sa sumusunod na pagkakasunud-sunod:

Ano ang pagpapaandar ng angular JS na relo?

Ang angular JS $ panonood function ay ginagamit upang panoorin ang saklaw ng object. Ang $ relo ay bantayan ang variable at habang binabago ng halaga ng variable ang angular JS $ kung ano ang nagpapatakbo ng isang pagpapaandar. Ang pagpapaandar na ito ay tumatagal ng dalawang mga argumento ang isa ay ang bagong halaga at ang isa pang parameter ay ang dating halaga.





angular js manuod

ano ang serialize sa java

Paano gamitin ang angular JS relo na pag-andar?

Kumuha tayo ng isang simpleng halimbawa ng kung ano ang eksaktong ginagawa ng relo sa angular JS. Kaya sa aming angular na programa ng JS lumikha kami ng dalawang mga file doon index.js ay responsable para sa frontend at ang app.js ay responsable para sa paghawak ng backend. Dito gumagawa kami ng isang simpleng programa na may isang form at ang form na ito ay may isang input na patlang. Kapag binigyan namin ang pangalan sa input na patlang ipinapakita sa amin ng output message ang dating halaga at ang bagong halaga.



kung paano i-convert ang binary sa decimal sa java

HTML Code

Ang aming pahina ng index.html ay may isang angular app na may pangalang ngWatchApp at isang controller na may pangalanreloController. Pagkatapos ay lumikha kami ng isang form na may isang pangalan ng input na patlang at ang halaga ng input na patlang na nai-print namin sa h1 tag at ang mga mensahe ay naka-print sa

tag

Angular na halimbawa ng panonood Ipasok ang pangalan mo

{{mensahe}}

JavaScript Code

Sa app.js lumikha kami ng isang app na may pangalang ngWatchApp at isang controller na may pangalanreloController. Susunod, tinutukoy namin ang dalawang variable sa saklaw na may pangalan, pangalan, at mensahe at ipinapasa namin ang function ng relo ng dalawang mga parameter, ang isa ay ang pangalan ng patlang na apektado kapag ang pagbabago at iba pa ay ang pagpapaandar na mayroon ding dalawang mga parameter, bagong halaga, at dating halaga. Panghuli, idinagdag namin ang dalawang halaga sa variable ng mensahe at ang variable ng mensahe ay ipinapakita saindex.htmlpahina



pagkakaiba sa pagitan ng mababaw na kopya at malalim na kopya sa java
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ saklaw) {// pagdaragdag ng variable variable $ saklaw.name = '' saklaw.message = '' // idagdag manuod gamit ang field ng $ saklaw. $ panonood ('pangalan', pagpapaandar (newValue = '', oldValue = '') {$ saklaw.message = `bagong valus ay $ {newValue} at ang dating halaga ay $ {oldValue}`} )})

Tuwing pinapanood namin ang isang pagpapaandar, pagkatapos ang function na ito ay tinatawag na maraming beses ayon sa digest. Kailan man magpatupad ang code, angular ng AngularJS sa kasalukuyang sanggunian sa saklaw na $ bilang unang argumento. Hindi lamang ito nangangahulugan na maaari naming sanggunian ang wastong saklaw mula sa loob ng katawan ng pag-andar nangangahulugan din ito na maaari nating panoorin ang anumang pagpapaandar na inaasahan ang isang sanggunian na $ saklaw.

Ito ay kung paano namin magagamit ang function ng angular js watch () sa mga application upang mapanood ang mga pagbabago sa variable ng $ saklaw. Mayroong ilang iba pang mga bagay na gumagana sa $ panonood ito ay $ digest () na umuulit sa lahat ng mga relo sa $ saklaw na bagay kapag$ digest ()umuulit sa mga relo, tinatawagan nito ang pagpapaandar ng halaga para sa bawat relo. Ang$ saklaw. $ apply ()Ang function ay tumatagal ng isang function bilang isang parameter na kung saan ay naisakatuparan, at pagkatapos nito$ saklaw. $ digest ()ay tinatawag na panloob.

Sa pamamagitan nito, natapos namin ang artikulong Angular JS na Pag-andar na ito. Kung nais mong matuto nang higit pa tungkol sa Angular framework, pagkatapos ay suriin ang aming na kasama ng live na pagsasanay na pinamunuan ng magtuturo at karanasan sa proyekto sa totoong buhay. Tutulungan ka ng pagsasanay na ito na maunawaan ang malalim na Angular at tutulong sa iyo na makamit ang mastery sa paksa.

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng 'Angular JS Watch Function' at babalikan ka namin.