AngularJ களில் சார்பு ஊசி செயல்படுத்துவது எப்படி

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

சார்பு ஊசி என்பது ஒரு மென்பொருள் வடிவமைப்பு வடிவமாகும், இது கூறுகள் அவற்றின் சார்புகளை வைத்திருக்கும் வழியைக் குறிப்பிடுகிறது. கூறுகள் கடின குறியீட்டுக்கு பதிலாக அவற்றின் சார்புகளை வழங்குகின்றன. சார்பு ஊசி பயன்படுத்துவதன் மூலம் மீண்டும் பயன்பாட்டினை மற்றும் பராமரிப்பை அடைய முடியும். இல் உச்ச சார்பு ஊசி பின்வரும் கூறுகளால் செய்ய முடியும்:





மதிப்பு சார்பு ஊசி

AngularJ களில் ஒரு எளிய பொருள் ஒரு மதிப்பு என அழைக்கப்படுகிறது. இது ஒரு சரம், எண் அல்லது ஜாவாஸ்கிரிப்ட் பொருளாக இருக்கலாம். ரன் மற்றும் கட்டமைப்பு கட்டத்தில் தொழிற்சாலைகள், சேவைகள் அல்லது கட்டுப்படுத்திகளில் மதிப்புகளை அனுப்ப இது பயன்படுத்தப்படலாம்.

உதாரணமாக:



// ஒரு தொகுதியை வரையறுக்கவும்

var firstModule = angular.module ('firstModule', [])

// ஒரு மதிப்பு பொருளை உருவாக்கி அதற்கு தரவை அனுப்பவும்



firstModule.value ('numberValue', 50)

firstModule.value ('stringValue', 'xyz')

firstModule.value ('objectValue', {val1: 456, val2: 'xyz'})

இந்த எடுத்துக்காட்டில், மதிப்பு () செயல்பாட்டைப் பயன்படுத்தி மதிப்புகள் வரையறுக்கப்படுகின்றன. மதிப்பின் பெயர் முதல் அளவுருவால் குறிப்பிடப்படுகிறது, இரண்டாவது அளவுரு மதிப்பைக் குறிப்பிடுகிறது. இது தொழிற்சாலைகள், சேவைகள் மற்றும் கட்டுப்படுத்திகள் இந்த மதிப்புகளை அவற்றின் பெயரால் குறிப்பிட உதவுகிறது.

ஒரு மதிப்பை செலுத்துகிறது

மதிப்பின் அதே பெயருடன் ஒரு அளவுருவைச் சேர்ப்பதன் மூலம் நாம் ஒரு மதிப்பை AngularJs கட்டுப்படுத்தி செயல்பாட்டில் செலுத்தலாம்.

உதாரணமாக:

var firstModule = angular.module ('firstModule', [])

firstModule.value ('numberValue', 18)

firstModule.controller ('FirstController', function (ope scope, numberValue) {

console.log (எண் மதிப்பு)

})

தொழிற்சாலை ஊசி

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

மதிப்பைக் கணக்கிட்டு திருப்பித் தர இது தொழிற்சாலை செயல்பாட்டைப் பயன்படுத்துகிறது.

உதாரணமாக:

var firstModule = angular.module ('firstModule', [])

firstModule.factory ('firstFactory', செயல்பாடு () {

'ஒரு மதிப்பு' திரும்பவும்

})

firstModule.controller ('FirstController', function (ope scope, firstFactory) {

console.log (firstFactory)

})

தொழிற்சாலையில் மதிப்புகளை செலுத்துதல்

பின்வரும் முறையால் ஒரு மதிப்பை தொழிற்சாலைக்குள் செலுத்தலாம்:

var firstModule = angular.module ('firstModule', [])

firstModule.value ('numberValue', 29)

firstModule.controller ('FirstController', function (ope scope, numberValue) {

console.log (எண் மதிப்பு)

})

மதிப்பு என்பதை கவனத்தில் கொள்ள வேண்டும்தொழிற்சாலை செயல்பாட்டால் உற்பத்தி செய்யப்படுகிறது, தொழிற்சாலை செயல்பாடு அல்ல. AngularJ களில் சார்பு ஊசி குறித்த இந்த கட்டுரையுடன் செல்லலாம்.

AngularJ களில் சேவை ஊசி

செயல்பாடுகளின் தொகுப்பைக் கொண்ட ஒரு சிங்கிள்டன் ஜாவாஸ்கிரிப்ட் பொருள் AngularJ களில் ஒரு சேவை என அழைக்கப்படுகிறது. சேவையைச் செய்வதற்குத் தேவையான தர்க்கம் செயல்பாட்டில் உள்ளது. ஒரு தொகுதியில் சேவை () செயல்பாட்டைப் பயன்படுத்தி சேவையை உருவாக்க முடியும்.

உதாரணமாக:

// ஒரு தொகுதியை வரையறுக்கவும்

var firstApp = angular.module ('firstApp', [])

...

// ஒரு முறையை வரையறுக்கும் சேவையை உருவாக்குங்கள் ஒரு எண்ணின் சதுரத்தை வழங்க சதுரம்

firstApp.service ('CalciService', செயல்பாடு (கணித சேவை) {

this.square = செயல்பாடு (x) {

MathService.multiply (x, x) ஐத் திரும்புக

}

})

// 'கால்சி சர்வீஸ்' சேவையை கட்டுப்படுத்தியில் செலுத்தவும்

firstApp.controller ('CalciController', செயல்பாடு (ope நோக்கம், CalciService,

defaultInput) {

$ scope.number = defaultInput

$ scope.result = CalciService.square ($ scope.number)

ஜாவாஸ்கிரிப்டில் ஒரு முறை என்ன

$ scope.square = செயல்பாடு () {

$ scope.result = CalciService.square ($ scope.number)

}

})

வழங்குநர்

கட்டமைப்பு கட்டத்தின் போது உள்நாட்டில் சேவைகள் அல்லது தொழிற்சாலையை உருவாக்க, நாங்கள் வழங்குநரைப் பயன்படுத்துகிறோம். வழங்குநர் என்பது ஒரு சிறப்பு தொழிற்சாலை முறையாகும், இது கெட் () செயல்பாட்டைக் கொண்டுள்ளது, இது மதிப்பு / சேவை / தொழிற்சாலையை திருப்பித் தர பயன்படுகிறது.

உதாரணமாக:

// ஒரு தொகுதியை வரையறுக்கவும்

var firstApp = angular.module ('firstApp', [])

...

// வழங்குநரைப் பயன்படுத்தி ஒரு சேவையை உருவாக்குங்கள், இது ஒரு முறை சதுரத்தை திருப்பித் தருகிறது

ஒரு எண்ணின் சதுரம்.

firstApp.config (செயல்பாடு ($ வழங்க) {

$ provide.provider ('கணித சேவை', செயல்பாடு () {

இது. $ get = function () {

var தொழிற்சாலை =

factory.multiply = செயல்பாடு (x, y) {

திரும்ப x * y

}

திரும்ப தொழிற்சாலை

}

})

})

நிலையான

Module.config () செயல்பாட்டில் பயனர் மதிப்புகளை செலுத்த முடியாது என்பதால், நாங்கள் மாறிலிகளைப் பயன்படுத்துகிறோம். கட்டமைப்பு கட்டத்தில் மதிப்புகளை அனுப்ப மாறிலிகள் பயன்படுத்தப்படுகின்றன.

firstApp.constant (“configParam”, “நிலையான மதிப்பு”)

உதாரணமாக:

மேலே குறிப்பிட்டுள்ள வழிமுறைகளை பின்வரும் வழியில் பயன்படுத்தலாம்:

சார்பு ஊசி

AngularJS ஸ்கேரிங் எடுத்துக்காட்டு

எந்த எண்ணையும் உள்ளிடவும்:

எக்ஸ்2

முடிவு: {{முடிவு}}

var firstApp = angular.module ('firstApp', [])

firstApp.config (செயல்பாடு ($ வழங்க) {

$ provide.provider ('கணித சேவை', செயல்பாடு () {

இது. $ get = function () {

var தொழிற்சாலை =

factory.multiply = செயல்பாடு (x, y) {

திரும்ப x * y

}

திரும்ப தொழிற்சாலை

}

})

})

firstApp.value ('defaultInput', 6)

firstApp.factory ('MathService', செயல்பாடு () {

var தொழிற்சாலை =

factory.multiply = செயல்பாடு (x, y) {

திரும்ப x * y

}

திரும்ப தொழிற்சாலை

})

firstApp.service ('CalciService', செயல்பாடு (கணித சேவை) {

this.square = செயல்பாடு (x) {

MathService.multiply (x, x) ஐத் திரும்புக

}

})

firstApp.controller ('CalciController', function (ope scope, CalciService, defaultInput) {

$ scope.number = defaultInput

$ scope.result = CalciService.square ($ scope.number)

$ scope.square = செயல்பாடு () {

$ scope.result = CalciService.square ($ scope.number)

}

})

வெளியீடு:

angularjs இல் சார்பு ஊசி

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

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