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



AngularJS இல் உள்ள ஸ்டேட் ப்ரோவைடர் ஒரு வழியின் வெவ்வேறு நிலைகளை வரையறுக்க பயன்படுகிறது மற்றும் ஒரு வழிக்கு நேரடி ஹிரெப்பைப் பயன்படுத்தாமல் ஒரு பெயர், கட்டுப்படுத்தி, வெவ்வேறு காட்சியைக் கொடுக்க பயன்படுகிறது.

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

AngularJS இல் ஸ்டேட் ப்ரோவைடரைப் பயன்படுத்தும் முறைகள்

ஒரு பாதையின் வெவ்வேறு நிலைகளை வரையறுக்க ஸ்டேட் ப்ரோவைடர் பயன்படுத்தப்படுகிறது. நீங்கள் நேரடியாகப் பயன்படுத்தாமல் மாநிலத்திற்கு ஒரு பெயர், வெவ்வேறு கட்டுப்படுத்தி, வெவ்வேறு பார்வை கொடுக்கலாம் href ஒரு பாதைக்கு. $ Stateprovider in என்ற கருத்தைப் பயன்படுத்தும் வெவ்வேறு முறைகள் உள்ளன .





கோண லோகோ - angularjs இல் மாநில வழங்குநர் - edureka

எனவே, வெவ்வேறு முறைகளைப் பற்றி விவாதிக்கலாம்.



AngularUI திசைவி

UI- திசைவி ஒரு ரூட்டிங் ஆகும் AngularJS க்காக AngularUI குழுவால் கட்டப்பட்டது. இது வழிகளை உருவாக்க பயன்படுகிறது மற்றும் ngRoute ஐ விட வேறுபட்ட அணுகுமுறையை வழங்குகிறது. UI- திசைவி கூடுதல் அம்சங்களைக் கொண்டுள்ளது மற்றும் சிக்கலான திட்டங்கள் மற்றும் பயன்பாடுகளுக்கு மிகவும் பொருத்தமானது என்பதை நிரூபிக்கிறது.

ஜாவா ஸ்விங்கை எவ்வாறு பயன்படுத்துவது

திட்டத்தைத் தொடங்குதல்

இந்த கட்டத்தில், கோணக் கோப்புகளை தலையில் உட்பொதிக்கிறோம்.

... ... // ஊடுருவல் மெனு// உள்ளடக்கம்

எங்கள் பயன்பாட்டின் முக்கிய தர்க்கம் உள்ளது app.js :



வரிசை முறை c ++
var app = angular.module ('angularRoutingEx', ['ui.router'])

ரூட்டிங்

ரூட்டிங் நிர்வகிக்க, நாங்கள் $ stateProvider ஐ சேர்க்க வேண்டும். கீழே கொடுக்கப்பட்டுள்ள குறியீட்டில், பிரதான பக்கத்திற்கும் தகவல் பக்கத்திற்கும் இடையிலான ரூட்டிங் காட்டப்பட்டுள்ளது.

// app.js app.config (செயல்பாடு ($ stateProvider, $ urlRouterProvider) {var மாநிலங்கள் = [{பெயர்: 'main', url: '/', வார்ப்புரு: '', கட்டுப்படுத்தி: செயல்பாடு (ope நோக்கம், $ stateParams) {$ scope.paramId = $ stateParams.id}}] states.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})

$ StateProvider ஐப் பயன்படுத்தும் சில கருத்துக்கள் இவை. இதனுடன், எங்கள் கட்டுரையின் முடிவில் வந்துள்ளோம்.

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

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'AngularJS இல் ஸ்டேட் ப்ரோவைடர்' வலைப்பதிவின் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.