Angular tutorial - Services | Learn angular 9 Services - [2020] | Create services using angular CLI

Опубликовано: 19 Октябрь 2024
на канале: World Tech Tube
154
1

In this video we will try to learn about angular services.
We will see how we can create angular services with the help of angular CLI. We will also create some object in service and a method to fetch those array of object with the help of public function in the service. We will create a new component that will utilize the angular created services. We will also tell about the benefit of using the services. If we have multiple components in the angular application then instead of creating the data on the each component we will try to show how we can create a single service that will be responsible to create and give data to the components. We will also see how dependency injection works in angular.With the help of dependency injection we will try to inject service to the component and use the service methods. We will create the service with angular CLI using command 'ng g s serviceName'.
Also we will get to know how it is useful to create and use service as well as for your project functionality and for writing the unit test.

Subscribe for more videos - Angular advanced tutorial 2020. Learn Javascript, RxJS. Angular tutorial for beginners. Javascript for beginners and step by step tutorial.


subscribe to learn:
HTMl,Object Oriented Programming,AngularJS,Angular10,Angular9,Angular8,Angular7,Angular2,javascript,js,sql,sql server,programming,coding,algorithm,rxjs,rxjs operator,map,tap,retry,debounce,operator,learn programming,learn javascript program,learn angualr,angular module,component,angular component,router,route,route map,routemap,routerLink,route ROuter,parammap observable,observable,subject,subject observable,behavior subject,async subject,replay subject,complete in subject,next,next in subject,angular feature,angular CLI,CLI,generate component,generate service in angular,module,angular module,sort array,array,angular structural directive,*ngIf,*ngSwitch,*ngDefaultCase,*ngFor,template,angular template,angular view template,angular class,angular style,define class in angular,define property in angular,define events in angular,passing data between component,route parameters,route module,navigate,nagivatebyUrl,angular navigation,angular route,global method in javascript,javascript tutorial,javascript functions,javascript events,call javascript methods,wildcard route in angular,wildcard in urls,pathmatch in angular,redirectTo in angular,services in angular,how to use service in angular,how to use dependency injection in angular,dependency injection,router-outlet directive,pipes,pipe in angular,pipes in angualr,pure pipes in angular, impure pipes in angular,custom pipe in angualr,change detection in angular,ng-template,ng-container,use of ng-template in angular,use of ng-container in angular,angular event binding,binding property in angular,hostlistener,hostlistener in angular,angular architecture,create angular application,create new angular application,add subscribers in observable,add or remove subscriber to observable,next,complete,error,call next in observable,call error in observable,call complete,observable observers,@ViewChild component,debounce operator RxJS,concate operator,combineLatest,mergeMap,mergeAll,map,switchMap,building an angular app with akita,event emitter,eventemitter,database,visual studio,c#,dot net,mvc,class,object