AngularJS அட்டவணை: வரிசைப்படுத்து

{{$ index + 1}} {{ptutor.Name}} {{ptutor.Description}}
var app = angular.module ('DemoApp', []); app.controller ('DemoController', function ($ scope) {$ scope.tutorial = [{பெயர்: 'கட்டுப்பாட்டாளர்கள்', விளக்கம்: 'செயலில் உள்ள கட்டுப்பாட்டாளர்கள்'}, {பெயர்: 'மாதிரிகள்', விளக்கம்: 'மாதிரிகள் மற்றும் பிணைப்பு தரவு '}, {பெயர்:' டைரக்டிவ்ஸ் ', விளக்கம்:' டைரக்டிவ்ஸின் நெகிழ்வுத்தன்மை '}]});

குறியீடு விளக்கம்:

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

    இந்த கூடுதல் நெடுவரிசையில், AngularJS வழங்கிய '$ index' சொத்தைப் பயன்படுத்தி, ஒவ்வொரு வரிசைக்கும் குறியீட்டை அதிகரிக்க +1 ஆபரேட்டரைப் பயன்படுத்துகிறோம்.

குறியீடு வெற்றிகரமாக செயல்படுத்தப்பட்டால், உலாவியில் உங்கள் குறியீட்டை இயக்கும்போது பின்வரும் வெளியீடு காட்டப்படும்.

வெளியீடு:

வெளியீட்டில் இருந்து,

  • கூடுதல் நெடுவரிசை உருவாக்கப்பட்டுள்ளதை நீங்கள் காணலாம். இந்த நெடுவரிசையில், ஒவ்வொரு வரிசைக்கும் குறியீடுகள் உருவாக்கப்படுவதைக் காணலாம்.

சுருக்கம்:

  • HTML க்குள் கிடைக்கும் நிலையான குறிச்சொற்களைப் பயன்படுத்தி அட்டவணை கட்டமைப்புகள் உருவாக்கப்படுகின்றன. அட்டவணையில் உள்ள தரவு 'என்ஜி-ரிப்பீட்' உத்தரவைப் பயன்படுத்தி மக்கள்தொகை கொண்டது.
  • ஆர்டர்பை ஃபில்டரை அட்டவணையில் உள்ள எந்த நெடுவரிசையின் அடிப்படையிலும் அட்டவணையை வரிசைப்படுத்த பயன்படுத்தலாம்.
  • பெரிய எழுத்தில் உள்ள எந்த உரை அடிப்படையிலான நெடுவரிசையிலும் தரவைக் காட்ட பெரிய எழுத்து வடிப்பானைப் பயன்படுத்தலாம்.
  • அட்டவணைக்கு ஒரு குறியீட்டை உருவாக்க '$ index' சொத்து பயன்படுத்தப்படலாம்.
  • AngularJS.JS அட்டவணைகளுடன் வளர்ச்சியின் போது எதிர்கொள்ளும் ஒரு பொதுவான பிரச்சினை 1000+ வரிசை தரவுகளைக் கொண்ட பெரிய தரவுத்தொகுப்புகளை செயல்படுத்துவதாகும். சில நேரங்களில் என்ஜி-ரிப்பீட் டைரக்டிவ் பதிலளிக்காததாக ஆகலாம், எனவே முழு பக்கமும் சில நேரங்களில் பதிலளிக்காது. இதுபோன்ற சந்தர்ப்பங்களில், தரவின் வரிசைகள் பல பக்கங்களில் பரவியிருக்கும் பக்கப்பார்வை எப்போதும் சிறந்தது.