கோண JS வாட்ச் செயல்பாடு பற்றி நீங்கள் தெரிந்து கொள்ள வேண்டியது எல்லாம்



இந்த கட்டுரை கோண JS வாட்ச் செயல்பாட்டை எவ்வாறு செயல்படுத்துவது என்பது பற்றிய விரிவான மற்றும் விரிவான அறிவை உங்களுக்கு வழங்கும்.

தி JS $ நோக்கம் செயல்பாடுகள் சில முக்கிய செயல்பாடுகளாகும். இந்த கட்டுரையில், கோண JS வாட்ச் செயல்பாட்டை பின்வரும் வரிசையில் விவாதிப்போம்:

கோண JS வாட்ச் செயல்பாடு என்ன?

கோண JS $ கடிகார செயல்பாடு நோக்கம் பொருளைப் பார்க்கப் பயன்படுகிறது. $ கடிகாரம் மாறியைக் கண்காணிக்கும் மற்றும் மாறியின் மதிப்பு கோண JS ஐ மாற்றும்போது $ ஒரு செயல்பாட்டை இயக்கும். இந்த செயல்பாடு இரண்டு வாதங்களை எடுக்கும், ஒன்று புதிய மதிப்பு மற்றும் மற்றொரு அளவுரு பழைய மதிப்பு.





கோண js வாட்ச்

கோண JS வாட்ச் செயல்பாட்டை எவ்வாறு பயன்படுத்துவது?

கோண JS இல் வாட்ச் செயல்பாடு சரியாக என்ன செய்கிறது என்பதற்கான எளிய உதாரணத்தை எடுத்துக் கொள்வோம். எனவே எங்கள் கோண JS திட்டத்தில் நாங்கள் இரண்டு கோப்புகளை உருவாக்கியுள்ளோம் index.js ஃபிரான்டெண்டிற்கு பொறுப்பாகும் மற்றும் பின்தளத்தில் கையாளுவதற்கு app.js பொறுப்பு. இங்கே நாம் ஒரு படிவத்துடன் ஒரு எளிய நிரலை உருவாக்குகிறோம், இந்த படிவத்தில் உள்ளீட்டு புலம் உள்ளது. உள்ளீட்டு புலத்தில் பெயரைக் கொடுக்கும்போது, ​​வெளியீட்டு செய்தி பழைய மதிப்பையும் புதிய மதிப்பையும் காட்டுகிறது.



HTML குறியீடு

எங்கள் index.html பக்கத்தில் ngWatchApp என்ற பெயருடன் ஒரு கோண பயன்பாடும், பெயருடன் ஒரு கட்டுப்படுத்தியும் உள்ளதுwatchController. பின்னர் ஒரு உள்ளீட்டு புலத்தின் பெயருடன் ஒரு படிவத்தை உருவாக்குகிறோம், அந்த உள்ளீட்டு புலத்தின் மதிப்பை நாம் h1 குறிச்சொல்லில் அச்சிடுகிறோம்

குறிச்சொல்.

கோண கண்காணிப்பு எடுத்துக்காட்டு உங்கள் பெயரை உள்ளிடவும்

{{செய்தி}}

ஜாவாஸ்கிரிப்ட் குறியீடு

App.js இல் ngWatchApp என்ற பெயருடன் ஒரு பயன்பாட்டையும், பெயருடன் ஒரு கட்டுப்படுத்தியையும் உருவாக்கியுள்ளோம்watchController. அடுத்து, பெயர், பெயர் மற்றும் செய்தி ஆகியவற்றுடன் இரண்டு மாறிகளை வரையறுக்கிறோம், மேலும் வாட்ச் செயல்பாட்டில் நாம் இரண்டு அளவுருக்களைக் கடக்கிறோம், ஒன்று மாற்றத்தின் போது பாதிக்கப்படும் புலத்தின் பெயர், மற்றொன்று இரண்டு அளவுருக்களைக் கொண்ட செயல்பாடு, புதிய மதிப்பு மற்றும் பழைய மதிப்பு. இறுதியாக, செய்தி மாறியில் இரண்டு மதிப்புகளைச் சேர்ப்போம், மேலும் செய்தி மாறி காட்டப்பட்டுள்ளதுindex.htmlபக்கம்.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// ஸ்கோப் மாறி சேர்க்கிறது $ scope.name = '' $ scope.message = '' // சேர் பெயர் புலத்துடன் பார்க்கவும் $ நோக்கம். $ வாட்ச் ('பெயர்', செயல்பாடு (புதிய மதிப்பு = '', பழைய மதிப்பு = '') {$ scope.message = `புதிய மதிப்பு $ {புதிய மதிப்பு} மற்றும் பழைய மதிப்பு $ {பழைய மதிப்பு}`}. )})

நாம் ஒரு செயல்பாட்டைப் பார்க்கும்போதெல்லாம், இந்த செயல்பாடு செரிமானத்தின் படி பல முறை அழைக்கப்படுகிறது. குறியீடு இயங்கும் போதெல்லாம், AngularJS தற்போதைய $ நோக்கம் குறிப்பை முதல் வாதமாக கடந்து செல்கிறது. செயல்பாட்டு உடலில் இருந்து சரியான நோக்கத்தை நாம் குறிப்பிட முடியும் என்று அர்த்தமல்ல, இதன் பொருள் $ நோக்கம் குறிப்பை எதிர்பார்க்கும் எந்தவொரு செயல்பாட்டையும் நாம் பார்க்க முடியும்.

பயன்பாடுகளில் கோண js வாட்ச் () செயல்பாட்டை $ ஸ்கோப் மாறி மாற்றங்களைக் காண இது எவ்வாறு பயன்படுத்தலாம். With ஸ்கோப் ஆப்ஜெக்டில் உள்ள அனைத்து கைக்கடிகாரங்கள் வழியாக $ டைஜஸ்ட் () செயல்பாடு மீண்டும் நிகழ்கிறது.$ செரிமானம் ()கடிகாரங்கள் மீது மீண்டும் செயல்படுகிறது, இது ஒவ்வொரு கடிகாரத்திற்கும் மதிப்பு செயல்பாட்டை அழைக்கிறது. தி$ நோக்கம். $ விண்ணப்பிக்கவும் ()செயல்பாடு ஒரு செயல்பாட்டை ஒரு அளவுருவாக செயல்படுத்துகிறது, அது செயல்படுத்தப்படுகிறது$ நோக்கம். $ செரிமானம் ()உள்நாட்டில் அழைக்கப்படுகிறது.

இதன் மூலம், இந்த கோண JS வாட்ச் செயல்பாடு கட்டுரையின் முடிவுக்கு வருகிறோம். கோண கட்டமைப்பைப் பற்றி மேலும் அறிய நீங்கள் விரும்பினால், எங்கள் பாருங்கள் இது பயிற்றுவிப்பாளர் தலைமையிலான நேரடி பயிற்சி மற்றும் நிஜ வாழ்க்கை திட்ட அனுபவத்துடன் வருகிறது. இந்த பயிற்சி கோண ஆழத்தை புரிந்து கொள்ளவும், இந்த விஷயத்தில் தேர்ச்சி பெறவும் உதவும்.

ஜாவாவிற்கான பாதையை எவ்வாறு அமைப்பது

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'கோண JS வாட்ச் செயல்பாடு' இன் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களிடம் திரும்புவோம்.