AngularJS: Developing Custom Services (factory vs service vs Provider)

[@Techcbt-online]

Just an UPDATE: Around 44:00, it was mentioned about async callback functions. Callback functions are never async by default. They are always sync. However, they become async once they are executed as part of some other async function (especially in this case, it would be $http).

[@anonymousbird-4]

Thanks for clearing the confusion at that part. Please do videos on Reactjs... You can use Cntrl+/ for group commenting and uncommenting :)

[@rotrose7531]

Thank you millions for provide angularJS tutorials with this depth!

[@lukkash]

You are higly skilled in teaching, explaining, showing examples and also you made a great monograph of AngularJS :)

[@joyantasen5870]

Very nicely explained...It is very rare to see this kind of videos where the flow of execution explained so nicely, instead of just writing the code. Good job... Please do post such kind of videos...

[@Techcbt-online]

Sure..Thank you

[@anshulvairagade1604]

hi @joyantasen5870 are you still working with angularjs after 7years, im learning angular js now

[@maheshreddy4788]

You have given me the clear idea on Angular factory, service, provider.. Thanks for publishing the video like this..

[@rajeshvermaiari]

Fantastic Fantastic and Fantastic.... I have gone through so so so many example on internet ... mostly some foreign tutors ... but the way you are teaching is very very NICE...... now factory vs service vs provider is HARD CODED IN MY BRAIN... I WILL NEVER FORGOT IT... :)

[@Techcbt-online]

Thank you very much Rajesh!

[@vakitirohithreddy729]

Thank you.You are helping many students to understand these basic things in simple way

[@rakeshpatelsoftwaredevelop9246]

I enjoyed this video even though I am a very beginner. I like your explanation method. Apart from this, the contents are awesome. I like to watch your videos to become a master in Angular and C#.

[@santoshshelke8022]

Very well explanation. This is the first time I comment for video tutorial on KZbin. Thank you so much for deep explanation.

[@KeesdeHaan]

Very good. Since I'm Dutch I had some problems understanding this India way of pronouncing the English language. But who cares if the tut is excellent?! I really never saw the concepts of services so well explained as in this video.

[@Techcbt-online]

Thank you..

[@MikeStock88]

Really excellent set of tutorials, thanks so much for doing this! :)

[@Techcbt-online]

Thanks Michael. Please tune in for TypeScript and Angular 2 also..pretty soon

[@WangTmg]

that would be awesome ! I am very exited to jump to TypeScript and components in Angular 2

[@arman.apk6]

when you are publishing typescript and angular2 tut?

[@RohitSharma-ty3vq]

Very nice tutorial with a good explanation. Thanks for your efforts. I am also waiting for Angular 2 tutorials on internal working/execution and technique with such proper and deep explanation.

[@Techcbt-online]

Thanks Rohit. We will start on Angular 2 once Angular 1 is done.

[@MsVibhuti]

You are amazing. You have explained all the concepts very easily. These all tutorials are very informative. Thanks :)

[@Techcbt-online]

Thank you.

[@ray941644]

You guys made my day!!! Cant thank you enough, back to back two videos completed..

[@Techcbt-online]

Thank you

[@darius7313]

I dont get - you said services are not available in providers? And then injeting $log and $http and using. So how they are not available? at 1:06:17

[@NavneetThePrakash]

I have never seen any tutorial better than this. Thanks for your awesome tutorial.

[@Techcbt-online]

Thanks Navneet

[@neerajnauni8373]

Then according to the update ,line 26-29 is not asycn at 54:19 sec . Is this what you mean as per the update ??????

[@emir7761]

Clean explanation !!! Many thanks.

[@adityakumar-fp1wj]

Tech CBT is is one of the best place to learn coding. Great video Sir ! Every thing is explained in a very proper way. If possible please upload some video about node js too. It will be very beneficial for us.

[@Techcbt-online]

Sure Aditya..Thanks!

[@bediarsofiane3293]

Thank you. Just a question Since $http.get() (wich is async ) is the only thing w execute inside getSum. Isn't it suffisent to call get sum synchronously (without a callback)?

[@Techcbt-online]

of course yes. This is a demo pretending that you are expecting "some result" from server (imagine fetching details from db or executing sp etc.) by sending "some values" to server. Do not think "literally". It is just a conceptual demonstration

[@sachinware813]

Guys when you are going to release angular 4 or 5 videos. Please release them as early as possible. You guys are just awesome teachers.

[@anshulvairagade1604]

you are so good at teaching, thanks a ton for this great tutorial

[@ChandreGowdaCA]

Very nicely explained about the Services concept basics along with example, I learnt a lot. Thanks for taking time to help others for free !!!. Please use the Keyboard shortcuts of Sublime text to make tutorial shorter :) There are plugins like Emmet, Angular JS code completion, Keyboard shortcuts for block comment, uncomment, duplicate lines etc,..

[@Techcbt-online]

Sure...thank you...will do better

[@chittaranjansahoo9503]

Very good tutorial.Nicely explained about service, factory and provider. Thanks a lot.

[@Techcbt-online]

Thank you

[@mohangopi8782]

The way you tell the concept is good. Good work keep it up. I request to provide videos for angular-2, I am looking forward the same result for AngularJS-2.

[@icasemobileservicecenter3293]

can i get your document ?

[@SubhashPavuskarhackzleo]

Thanks for the great tutorial.. got an clear Idea about factory vs service vs Provider..

[@darius7313]

wow, that calback funciton is interestng. I was only using callbacks for ajax requests probaaly , never had done this. DOes that mean it wil use several cores of processor to run calback and at the same time run next step? Kind of could make 2 heavy operations at the same time with multiple cores? Probably super rare need for this but in case I will need, maybe I remember.

[@suryadevarakiran7926]

Excellent tutorial..!! Which i have never seen before..ThankYou sir..

[@kirankandula2779]

Very good tutorial. Will be very much helpful for a beginner. Thanks.

[@Techcbt-online]

Thanks Kiran

[@anandvankala5383]

very nice tutorial for service , factory and provider explanation..Thank you

[@Techcbt-online]

Thank you

[@gourangapanigrahi6358]

Difference between Factory and service 16:45

[@TheGiriganga]

Excellent tutorial. Commanding on the subject. I am sharing this link to my tech circle.

[@Techcbt-online]

Thank you

[@satyanarayanmohapatra7616]

Superb Tutorial Sir...will recommend others for sure..

[@Techcbt-online]

Thanks Satya

[@SubhashYakkaluru]

explained very nice with your sweet voice superb sir......

[@Techcbt-online]

Thank you :))

[@ivaibhavarya]

Do you have any tutorial on creating http services ?

[@abinayadevanand]

Good one to know all about services in angular!

[@Techcbt-online]

Thank you Abinaya.

[@kranthikumar889]

Thank you very much to Tech CBT, it's Wonderful to know about AngularJS . Requesting you that please post some demos to work with PHP Frameworks like Palacon with Angular or YII2 with Angular ... Thanks in advance.

[@Trending-video]

well done brother keep it up, tutorial explanation very good, i gained knowledge about custom services

[@Techcbt-online]

Thank you

[@alicelf]

Recently I had to work with legacy code of angular.js and your videos was very helpful. But dude, so many "particular"s XD anyway - thank you! =)

[@sajeebchandansaha6378]

How to return multiple objects from factory? I've tried myApp.factory("$CalcFactory", [function () { var myObj = {}; myObj.Sum = function (a, b) { return a + b; } var myObj2 = {}; myObj2.Mul = function (a, b) { return a * b; } return myObj, myObj2; //Or return {myObj, myObj2}; }]); But Always myObj2 is working as always because it's getting returned as the last object. Please hep me out

[@priyankadodda5022]

hi, it is very great explanation. when i use the services am getting cross origin error. Can you tell me , how to solve those issue.

[@tusharbalar6745]

Thanks for this video. it helps a lot. but my doubt is when i have multiple services in my project and one provider for setup base url for application then how we can inject one provider into multiple service file configure app.config ??

[@injrav]

service, factory, provider all are injectable.. They can be injected to controllers, directives as well as other service, factory, providers.. Either one service or multiple services,, they follow the same syntax.. Assume you have provider 1 and service1, service2, service3.. Just inject provider1 on each of these it will/should work

[@amitsrivastava-l7d]

Appreciated! Its really very valuable video. Thank you so much.

[@Techcbt-online]

Thank you sir.

[@silverfish2024]

wow - really good!!! Thank you so much for explaining things but why you declare an array inside of your controllers and then also pass the variables in the function parameters? Am i wrong if i use just the function parameters instead e.g. "uselessCtrl", function($scope, myFancyUselessService){} ...... instead of your array and string notation before?

[@silverfish2024]

I answer my question for anyone who has the same understanding problem: Many samples on the internet use this $scope without a collection in String declaration because of the ease of the syntax, however when a javascript minifier is applied on a large project the reserved angular services like $scope will be minified to c or i etc. without the reserved keyword in attempt to minify the code and this breaks the app. It is a best practice to pass a collection where you declare $scope again in a string so minifiers cant mess up your code... this explains why myApp.controller("MyUselessCtrl", ["$scope", function($scope){ .... }]); is the better way to go :) THANK YOU FOR THIS AWESOME TUT :)))

[@hungry_hyena]

Great vdo again !!! I have a question here: As you said that services are singleton in angularjs and there will be only one instance living for all the controllers, then why $scope has different instances for different controller ? I am considering $scope as service here correct me if I am wrong.

[@Techcbt-online]

$scope is not a service. It is injected and married to controller and that is by design. Every scope instance could be different from another. You may want to check these: kzbin.info/www/bejne/fHXLeKB8qtFnj7c kzbin.info/www/bejne/jGXRoJaYd7KUfLc kzbin.info/www/bejne/hmLFaqKehN6Kd9E Thanks

[@hungry_hyena]

ok thanks.

[@himanshugupta4324]

Access to XMLHttpRequest at '[::1]/angular/User/display' from origin 'localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. please help me solve this error

[@adityageddala3311]

thank you sir i have small question if click button how to get data from store producer and display browser table how? plz answer and code

[@antimatyagi7384]

excellent all tutorials, explained all topics perfectly...thank you sooooo much

[@marcla560]

Hi! Nice video but i still have a question... How you decide to use .factory or .service? I understand very well how which one works and how provider works but does factory or service have a certain purpose or I can use whatever I prefer? Thanks

[@BinLiutrianglehomes]

what is the editor name you are using? thanks!

[@Techcbt-online]

Sublime Text

[@jiturcm1]

Can You upload video on : $q service,Deferred and Promise objects

[@sasikalapalaniswamy2514]

hi, instead of using callback in factory as part of response succcess or error, can i return the response.data on success case and controller can use the returned object ... by doing so, can this be synchronous.. bcz i dont want asnch call that is why. by the way your videos are awesome.. thanks for all ur help...

[@Techcbt-online]

An ajax (server) request is always async by behavior & design. We cannot get around it. Once the ajax request is completed and when we are in "success", it does not matter on how we work with data (i.e., return data directly or use callback). Anything happening in "success" is always sync, unless you do other ajax calls within "success". Hope I cleared your doubt. Thanks

[@crishna369]

Very nice tutorial. Great explanation. Is Factory service introduced only to provide encapsulation purpose? Because I guess, only benefit we are getting while using Factory over service is control over the object is getting return. Please correct me if I am wrong.

[@Techcbt-online]

Yes. You are right. Factory and Service are nearly identical except with different syntactic flavors.

[@roychan2190]

you deserve a medal

[@khushbukumari5317]

Best tutorial ever ....awesome explanation....i am subscribeing this channel.... to says thanks for these videos

[@meiyanathamp7701]

Nice tutorial... u haven't tel anything rest web services using Node Api... Whats the use of this?

[@Techcbt-online]

Hi Ananth. Thanks for the feedback. The goal of this video is not show on how to create web services using Node API (the title would be different, if that is the case). This is on how to consume an already existing web service (regardless of Node or any platform). It is expected that you have some expertise on developing REST services, if you really want to create one (regardless of any platform). If you are looking for those tutorials on creating REST services, we have a couple of kick-starting videos (on both Web API, Express and Node API) here: kzbin.info/www/bejne/bV7EmaSVnd2Kh9E kzbin.info/www/bejne/roWVcqmghpykb6c Let me know if the above helps. Thank you.

[@meiyanathamp7701]

Thank you so much.. I will look into this

[@meiyanathamp7701]

Do u have any tutorials for creating web pages using front end for angular js & back end for Node express with mongo DB? Please let me know

[@Techcbt-online]

Not at the moment Ananth. We are planning for CRUD using angular and Node but not with mongo DB.

[@NeenaTikoo]

Thanks for a beautiful explanation. Sir also if you could use a dark background in your editor that would be great. It is tiring at times otherwise.

[@kwayssa]

Thank you for your professional way of tutoring

[@Techcbt-online]

Thank you.

[@mohammadadilalam7185]

I say you thank alot because i learn much better from your video list of angularjs . and I like presentation before start go coding

[@Techcbt-online]

Thanks Adil

[@ramshishyaprasad8892]

Awesome presentation thank you so much for providing such good stuff ..!!

[@ankitbhatnagar3751]

Amazing..but can we use app.constant and give the URL, will it work?

[@Techcbt-online]

it should

[@someshnukala804]

Thank you so much sir. Thank you is very less for you. Don't know how to thank you. Your good name sir? I'm able to understand clearly many tips sir. Such a great tutorials.

[@baburao7372]

Similarly can you upload Angular 5 sir

[@nimmakayproductions]

I have one simple doubt... We have Factory and Service as you said In factory we will create instance object and return it. In Service we dont need to create any object which anjular js will create automatically. Then My Question is Why they have developed two which are doing same thing??? What is the exact difference??????????????????

[@injrav]

good question.. Factory will only return the json object which may have few variables and methods. Service will assign methods and variables by means of THIS keyword.. In case of factory there is no way to add extra behavior by means of PROTOTYPE.. In case of service,, we can add new behavior by means of THIS key word. Assuming its like an object created with new instance.. So it will inherit every thing from parent and in javascript world.. we can add new behavior for all child classes by means of PROTOYPE..

[@rohanshenoy8353]

Good explanations

[@umangmehra4136]

very nice tutorials. You explain very nicely from scratch. Can you please make a tutorial on Angular Promises?? Please

[@jackshephard7920]

I wanna give thumb up to every your video,it's awesome!

[@Techcbt-online]

Thanks jack

[@bartomiejgorowski2646]

This explanation is really satisfactory. Although I rly like this u need to keep ur throat humid cause u swallowing really often and its noticeable. Iam not tryin to be mean just giving a tip to make your tutorials even better.

[@Techcbt-online]

sure sir...Thank you

[@WebTechies82]

Hi Can you please provide the ppt file of this it will it will be helpful for us in the future

[@HemantKumar-yk2jk]

Excellent video.. Good work Keep it up.. God bless you..

[@Techcbt-online]

Thank you

[@jitendratiwari4945]

Good tutorial, I think we can add 1 more type of service like DataProviderService which does the job of invoking restservice, SRP, isn't it .

[@WangTmg]

this is the best wakthrough i have ever seen on AngularJS tut. Also, i have one question. when dealing with $http request why did you not use .success or .error but used .then and func for handling success and error?

[@Techcbt-online]

Thanks for the comment. The focus was not really on $http for the video. We are going to add a couple of videos exclusively on $http and $ajax eventually. Please tune in ;)

[@rajasekaran5311]

Thanks a lot. Its really helpful. Keep on rocking.

[@Techcbt-online]

Thanks raja

[@biswajitmishra9839]

Sir we request you to create a tutorial on tfs and owin and katana , pls sir can u tell the status of it

[@ashwinidewade8036]

hello sir, your tutorials are amazing..can you post such a videos for react js

[@mohamedabdullah4832]

Thank You!

[@BinLiutrianglehomes]

great illustration!! Thanks a lot!!

[@Techcbt-online]

Thank you

[@srigakolapuatchuthsai1938]

please provide sir angular 5 and 6 version videos . i am waiting for these videos

[@ParthDaveIn]

Very good and very helpful. Thanks

[@Techcbt-online]

Thank you

[@RamSingh-cm7hm]

sir please upload video on $q.

[@Techcbt-online]

Will do eventually. thanks

[@naren6666]

thumbs up for this guy...awesome explanation

[@Techcbt-online]

Thank you

[@SundarMoses]

well explained. thanks much.

[@CraneMaster9000]

Keep it up . you make really good tutorial videos

[@kiranpvn]

Awesome explanation bro, a tons of thanks

[@Techcbt-online]

Thank you

[@dyroblesmercedes]

Good tutorial, I like it, keep it up. Just an advice, you say "particular" way to many times, man :/

[@Techcbt-online]

you are right...will improve...thanks for the comment

[@baburao7372]

Sir really Thank you from my bottom of heart

[@nikhilkumarakula4364]

Really helpful, Can you please share your ppt.

[@boutalebzoheir3768]

hi, Really excellent set of tutorials, thanks so much for doing this!, could you please share the PPT of the courses, thank's for all .:-)

[@Techcbt-online]

Thank you. Sorry..We do not current share PPT (yet). You can pause and take screenshots wherever/whenever necessary.

[@kwayssa]

Can you you share slides as pdf. Thank you.

[@deepaksabharwal330]

Subcribing your channel thank for these tutorials !!!

[@Techcbt-online]

Thank you

[@LokkasVLOG]

awesome tutorial...you made my day !!!

[@ayssheeza940]

Hi you really create an amazing and enormous knowledgible videos. BTW can I find the source code on github?

[@javaremastered1530]

Thanks for the difference Awesome keep it up

[@Techcbt-online]

Thank you.

[@rocketmanu251188]

great video, thank you.

[@Techcbt-online]

Thank you

[@chengjinfei8139]

You are amazing! keep doing ~

[@Techcbt-online]

Thank you.

[@abhayrajsingh777]

thanks ...finally i got it

[@Techcbt-online]

Thanks Abhay

[@PawanKumar-re2qv]

Very helpful videos..

[@jayanthch7949]

great explanation.

[@Techcbt-online]

Thank you

[@manojkumar-vw1oh]

thanks for lot for this tutorial

[@Techcbt-online]

Thanks Manoj

[@sunilkrish7961]

Sir ur my guru