AngularJS References

AngularJS உத்தரவுகள், வடிகட்டிகள் மற்றும் API குறிப்புகள்

AngularJS References

AngularJS இன் அனைத்து உத்தரவுகள், வடிகட்டிகள் மற்றும் API செயல்பாடுகளின் முழுமையான குறிப்பு.

குறிப்பு:

இந்த பக்கத்தை AngularJS டெவலப்பர்களுக்கான கையேடாகப் பயன்படுத்தலாம். வேகமான குறிப்பிற்காக Ctrl+F பயன்படுத்தவும்.

AngularJS உத்தரவுகள்

உத்தரவு விளக்கம்
ng-app பயன்பாட்டின் வேர் உறுப்பை வரையறுக்கிறது.
ng-bind HTML உறுப்பின் உள்ளடக்கத்தை பயன்பாட்டு தரவுடன் பிணைக்கிறது.
ng-bind-html HTML உறுப்பின் innerHTML ஐ பயன்பாட்டு தரவுடன் பிணைக்கிறது, மேலும் HTML சரத்திலிருந்து ஆபத்தான குறியீட்டை நீக்குகிறது.
ng-bind-template உரை உள்ளடக்கம் ஒரு வார்ப்புருவுடன் மாற்றப்பட வேண்டும் எனக் குறிப்பிடுகிறது.
ng-blur blur நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-change உள்ளடக்கம் பயனரால் மாற்றப்படும்போது மதிப்பீடு செய்ய ஒரு வெளிப்பாட்டைக் குறிப்பிடுகிறது.
ng-checked ஒரு உறுப்பு சரிபார்க்கப்பட்டதா இல்லையா எனக் குறிப்பிடுகிறது.
ng-class HTML உறுப்புகளில் CSS வகுப்புகளைக் குறிப்பிடுகிறது.
ng-class-even ng-class போன்றது, ஆனால் சம வரிசைகளில் மட்டுமே செயல்படும்.
ng-class-odd ng-class போன்றது, ஆனால் ஒற்றைப்படை வரிசைகளில் மட்டுமே செயல்படும்.
ng-click ஒரு உறுப்பு கிளிக் செய்யப்படும் போது மதிப்பீடு செய்ய ஒரு வெளிப்பாட்டைக் குறிப்பிடுகிறது.
ng-cloak உங்கள் பயன்பாடு ஏற்றப்படும்போது ஒளிர்வதைத் தடுக்கிறது.
ng-controller பயன்பாட்டிற்கான கட்டுப்படுத்தி பொருளை வரையறுக்கிறது.
ng-copy நகல் நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-csp உள்ளடக்க பாதுகாப்பு கொள்கையை மாற்றுகிறது.
ng-cut வெட்டு நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-dblclick இரட்டை-கிளிக் நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-disabled ஒரு உறுப்பு முடக்கப்பட்டதா இல்லையா எனக் குறிப்பிடுகிறது.
ng-focus கவனம் நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-form கட்டுப்பாடுகளைப் பெற HTML படிவத்தைக் குறிப்பிடுகிறது.
ng-hide HTML உறுப்புகளை மறைக்கிறது அல்லது காட்டுகிறது.
ng-href <a> உறுப்பிற்கு url ஐக் குறிப்பிடுகிறது.
ng-if ஒரு நிபந்தனை false எனில் HTML உறுப்பை நீக்குகிறது.
ng-include பயன்பாட்டில் HTML ஐச் சேர்க்கிறது.
ng-init பயன்பாட்டிற்கான ஆரம்ப மதிப்புகளை வரையறுக்கிறது.
ng-jq பயன்பாடு jQuery போன்ற ஒரு நூலகத்தைப் பயன்படுத்த வேண்டும் எனக் குறிப்பிடுகிறது.
ng-keydown keydown நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-keypress keypress நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-keyup keyup நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-list உரையை ஒரு பட்டியலாக (அணி) மாற்றுகிறது.
ng-maxlength உள்ளீட்டுப் புலத்தில் அனுமதிக்கப்பட்ட அதிகபட்ச எழுத்துக்களைக் குறிப்பிடுகிறது.
ng-minlength உள்ளீட்டுப் புலத்தில் அனுமதிக்கப்பட்ட குறைந்தபட்ச எழுத்துக்களைக் குறிப்பிடுகிறது.
ng-model HTML கட்டுப்பாடுகளின் மதிப்பை பயன்பாட்டு தரவுடன் பிணைக்கிறது.
ng-model-options மாதிரியில் புதுப்பிப்புகள் எவ்வாறு செய்யப்படுகின்றன என்பதைக் குறிப்பிடுகிறது.
ng-mousedown mousedown நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-mouseenter mouseenter நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-mouseleave mouseleave நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-mousemove mousemove நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-mouseover mouseover நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-mouseup mouseup நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-non-bindable இந்த உறுப்பில் அல்லது அதன் குழந்தைகளில் தரவு பிணைப்பு நிகழ முடியாது எனக் குறிப்பிடுகிறது.
ng-open ஒரு உறுப்பின் திறந்த பண்புக்கூறைக் குறிப்பிடுகிறது.
ng-options <select> பட்டியலில் <options> ஐக் குறிப்பிடுகிறது.
ng-paste ஒட்டு நிகழ்வுகளில் ஒரு நடத்தையைக் குறிப்பிடுகிறது.
ng-pluralize en-us உள்ளூர்மயமாக்கல் விதிகளின்படி காண்பிக்க ஒரு செய்தியைக் குறிப்பிடுகிறது.
ng-readonly ஒரு உறுப்பின் readonly பண்புக்கூறைக் குறிப்பிடுகிறது.
ng-repeat ஒரு தொகுப்பில் உள்ள ஒவ்வொரு தரவுக்கும் ஒரு வார்ப்புருவை வரையறுக்கிறது.
ng-required ஒரு உறுப்பின் required பண்புக்கூறைக் குறிப்பிடுகிறது.
ng-selected ஒரு உறுப்பின் selected பண்புக்கூறைக் குறிப்பிடுகிறது.
ng-show HTML உறுப்புகளைக் காட்டுகிறது அல்லது மறைக்கிறது.
ng-src <img> உறுப்பிற்கு src பண்புக்கூறைக் குறிப்பிடுகிறது.
ng-srcset <img> உறுப்பிற்கு srcset பண்புக்கூறைக் குறிப்பிடுகிறது.
ng-style ஒரு உறுப்பிற்கான style பண்புக்கூறைக் குறிப்பிடுகிறது.
ng-submit onsubmit நிகழ்வுகளில் இயக்க வெளிப்பாடுகளைக் குறிப்பிடுகிறது.
ng-switch குழந்தை உறுப்புகளைக் காண்பிக்க/மறைக்கப் பயன்படுத்தப்படும் நிபந்தனையைக் குறிப்பிடுகிறது.
ng-transclude transcluded உறுப்புகளைச் செருக ஒரு புள்ளியைக் குறிப்பிடுகிறது.
ng-value உள்ளீட்டு உறுப்பின் மதிப்பைக் குறிப்பிடுகிறது.

HTML உறுப்புகளில் AngularJS உத்தரவுகள்

AngularJS சில HTML உறுப்புகளின் இயல்புநிலை நடத்தையை மாற்றுகிறது.

உறுப்பு விளக்கம்
a AngularJS <a> உறுப்பின் இயல்புநிலை நடத்தைகளை மாற்றுகிறது.
form AngularJS <form> உறுப்பின் இயல்புநிலை நடத்தைகளை மாற்றுகிறது.
input AngularJS <input> உறுப்பின் இயல்புநிலை நடத்தைகளை மாற்றுகிறது.
script AngularJS <script> உறுப்பின் இயல்புநிலை நடத்தைகளை மாற்றுகிறது.
select AngularJS <select> உறுப்பின் இயல்புநிலை நடத்தைகளை மாற்றுகிறது.
textarea AngularJS <textarea> உறுப்பின் இயல்புநிலை நடத்தைகளை மாற்றுகிறது.

AngularJS வடிகட்டிகள்

வடிகட்டி விளக்கம்
currency ஒரு எண்ணை நாணய வடிவமாக மாற்றுகிறது.
date ஒரு தேதியை குறிப்பிட்ட வடிவமாக மாற்றுகிறது.
filter ஒரு அணியிலிருந்து உறுப்புகளின் துணைக்குழுவைத் தேர்ந்தெடுக்கிறது.
json ஒரு பொருளை JSON சரமாக மாற்றுகிறது.
limitTo ஒரு அணி அல்லது சரத்தை குறிப்பிட்ட எண்ணிக்கையிலான உறுப்புகள்/எழுத்துக்களாக வரையறுக்கிறது.
lowercase ஒரு சரத்தை சிறிய எழுத்துக்களாக மாற்றுகிறது.
number ஒரு எண்ணை சரமாக மாற்றுகிறது.
orderBy ஒரு வெளிப்பாட்டின் மூலம் ஒரு அணியை வரிசைப்படுத்துகிறது.
uppercase ஒரு சரத்தை பெரிய எழுத்துக்களாக மாற்றுகிறது.

குறிப்பு:

வடிகட்டிகள் Angular வடிகட்டிகள் பாடத்தில் விளக்கப்பட்டுள்ளன.

AngularJS சரிபார்ப்பு பண்புகள்

$dirty

பயனர் மதிப்பை மாற்றியதா என்பதைக் குறிக்கிறது

$invalid

மதிப்பு செல்லுபடியாகாததா என்பதைக் குறிக்கிறது

$error

எல்லா சரிபார்ப்பு பிழைகளையும் கொண்டுள்ளது

குறிப்பு:

சரிபார்ப்பு Angular சரிபார்ப்பு பாடத்தில் விளக்கப்பட்டுள்ளது.

AngularJS உலகளாவிய API

மாற்றுதல்

API விளக்கம்
angular.lowercase() ஒரு சரத்தை சிறிய எழுத்துக்களாக மாற்றுகிறது
angular.uppercase() ஒரு சரத்தை பெரிய எழுத்துக்களாக மாற்றுகிறது
angular.copy() ஒரு பொருள் அல்லது அணியின் ஆழமான நகலை உருவாக்குகிறது
angular.forEach() ஒரு பொருள் அல்லது அணியில் உள்ள ஒவ்வொரு உறுப்புக்கும் ஒரு செயல்பாட்டை இயக்குகிறது

ஒப்பிடுதல்

API விளக்கம்
angular.isArray() குறிப்பு ஒரு அணி என்றால் true திருப்பி அனுப்புகிறது
angular.isDate() குறிப்பு ஒரு தேதி என்றால் true திருப்பி அனுப்புகிறது
angular.isDefined() குறிப்பு வரையறுக்கப்பட்டது என்றால் true திருப்பி அனுப்புகிறது
angular.isElement() குறிப்பு ஒரு DOM உறுப்பு என்றால் true திருப்பி அனுப்புகிறது
angular.isFunction() குறிப்பு ஒரு செயல்பாடு என்றால் true திருப்பி அனுப்புகிறது
angular.isNumber() குறிப்பு ஒரு எண் என்றால் true திருப்பி அனுப்புகிறது
angular.isObject() குறிப்பு ஒரு பொருள் என்றால் true திருப்பி அனுப்புகிறது
angular.isString() குறிப்பு ஒரு சரம் என்றால் true திருப்பி அனுப்புகிறது
angular.isUndefined() குறிப்பு வரையறுக்கப்படாதது என்றால் true திருப்பி அனுப்புகிறது
angular.equals() இரண்டு குறிப்புகள் சமமானவை என்றால் true திருப்பி அனுப்புகிறது

JSON

API விளக்கம்
angular.fromJson() ஒரு JSON சரத்தை எடுத்து JavaScript பொருளை திருப்பி அனுப்புகிறது
angular.toJson() ஒரு JavaScript பொருளை எடுத்து JSON சரத்தை திருப்பி அனுப்புகிறது

அடிப்படை

API விளக்கம்
angular.bootstrap() AngularJS ஐ கைமுறையாகத் தொடங்குகிறது
angular.element() ஒரு HTML உறுப்பை jQuery உறுப்பாக மாற்றுகிறது
angular.module() AngularJS தொகுதியை உருவாக்குகிறது, பதிவு செய்கிறது அல்லது பெறுகிறது

குறிப்பு:

உலகளாவிய API Angular API பாடத்தில் விளக்கப்பட்டுள்ளது.

பயிற்சி

கீழே உள்ள பயிற்சியில் AngularJS குறிப்புகள் பற்றிய உங்கள் புரிதலை சோதிக்கவும்:

AngularJS குறிப்புகள் பயிற்சி

ng-app பயன்பாட்டின் வேர் உறுப்பை வரையறுக்கிறது
✓ சரி! ng-app AngularJS பயன்பாட்டின் தொடக்கப் புள்ளியாகும்
ng-repeat வடிகட்டி ஒரு வகையாகும்
✗ தவறு! ng-repeat ஒரு உத்தரவு, வடிகட்டி அல்ல
angular.isString() சரம் இருந்தால் true திருப்பி அனுப்புகிறது
✓ சரி! இந்த API சரம் வகையை சோதிக்கிறது
$dirty மதிப்பு செல்லாததா என்பதைக் குறிக்கிறது
✗ தவறு! $dirty பயனர் மாற்றியதா என்பதைக் குறிக்கிறது, $invalid செல்லாததைக் குறிக்கிறது

வேக குறிப்பு வழிகாட்டி

மிகவும் பயன்படுத்தப்படும் உத்தரவுகள்

  • ng-app
  • ng-model
  • ng-controller
  • ng-repeat
  • ng-show/ng-hide
  • ng-click
  • ng-if

பொதுவான வடிகட்டிகள்

  • currency
  • date
  • uppercase
  • lowercase
  • orderBy
  • filter

முக்கியமான API

  • angular.module()
  • angular.copy()
  • angular.isArray()
  • angular.isString()
  • angular.toJson()

சரிபார்ப்பு பண்புகள்

  • $dirty
  • $invalid
  • $error
  • $valid
  • $pristine

குறிப்பு பதிவிறக்க

PDF பதிவிறக்கம்:

முழுமையான AngularJS குறிப்பு PDF ஆக jassif team இலிருந்து பதிவிறக்கம் செய்யலாம். இது ஆஃப்லைன் குறிப்புக்கு சிறந்தது.

AngularJS குறிப்பு PDF பதிவிறக்க