Angular 17 - standalone template complete overview | all features with example| NGRX CRUD
Ғылым және технология
#angular17 #standalone #nihiratechiees
This video provides complete overview of Angular 17 - standalone templates with all feature
It covers below points in standalone templates
1, Components (Routing , Lazy loading, Use component as child )
2, Material UI configuration & installation
3, HTTP Client provider
4, Reactive forms
5, HTTP Interceptors (pass JWT Token for http requests)
6, NGRX and adding providers for store and effects
7, CRUD actions using .NET Core Web API
8, Module based template in angular 17 “ng new project name --no-standalone”
Source code GitHub Link
===================
github.com/nihira2020/NTApp
.NET Core API Link that we used in this video
===============================
• .NET 7.0 Web API Full ...
Join this channel to get access to perks:
/ @nihiratechiees
Пікірлер: 43
I just finished your pair programming tutorial. THANKS. You are excellent. May your business prosper!
@NihiraTechiees
Ай бұрын
Thanks👍
Thank you so much, that's extremely helpful ❤🎉😊
@NihiraTechiees
5 ай бұрын
Thanks👍
Thanks for the tutorial well detailed
@NihiraTechiees
4 ай бұрын
Glad it was helpful!
Good one bro, thanks
@NihiraTechiees
5 ай бұрын
Welcome👍
Excellent
@NihiraTechiees
5 ай бұрын
Thanks
Thanks man.
@NihiraTechiees
5 ай бұрын
Welcome👍
Thank you so much
@NihiraTechiees
3 ай бұрын
You're most welcome
👍
@NihiraTechiees
5 ай бұрын
Thanks
Nice video! question, i notice an inject function when injecting a service on the auth guard. is that new? i've always injected through a constructor. Is this inject function the new way at every component? i assume best practice is still through constructor?
@NihiraTechiees
3 ай бұрын
In interceptor we cannot use constructor that's why we used inject option..... Always constructor is the first option for injection
ur great sir i cracked 4 interview with this please share ppt also if possible
@NihiraTechiees
5 ай бұрын
Congratulations👏 Glad to hear that you cleared interview. PPT have only topics that i included in description.
Can you please make a detailed video on *ngrxLet directive. There is not a single video on youtube on this topic.
@NihiraTechiees
5 ай бұрын
Sure will plan for that
Really good sir can you make how to do angular+springboot application from scratch and i more doubt i have boostrap js is not working in index.html what to do sir....
@NihiraTechiees
5 ай бұрын
In angular don't use any js files. We can manage through bootstrap package. Springboot i don't have enough exposure. I would say whatever api you are using in angular point of you... We just changing api end point. Other areas same only
Sir I'm facing a issue. The data is showing on initial load but when I'm clicking on a button to route to a different page and then using browser back button to go back to the main page I'm getting CROS error with status 200. Means data is not coming by pressing the browser back button whereas it should have
@NihiraTechiees
Ай бұрын
Please check in the log are you getting any error? Back button press is not problem.
Im getting this errors please ERROR Error [NullInjectorError]: R3InjectorError(Standalone[_AppComponent])[_Store -> _Store -> _Store]: NullInjectorError: No provider for _Store!
@NihiraTechiees
5 ай бұрын
Follow the video and add providestore provider in app config. Basically it will add automatically once you installing ngrx store... If it's not happening you have to add manually
Hi sir
@NihiraTechiees
4 ай бұрын
Yes
Bro how to get Microsoft teams status in angular??
@NihiraTechiees
4 ай бұрын
Will check let you know
Have an error in swiper slider pagination stuck
@dragardgaming
4 ай бұрын
Would you help me
@NihiraTechiees
4 ай бұрын
Please send me mail with details
why do we need to use ngrx?
@NihiraTechiees
2 ай бұрын
If you have data, that need to transfer some unrelated components we can use ngrx
can i have your link server for testing purpose ?
@NihiraTechiees
3 ай бұрын
No it's just ran in my local
I'm getting an error: X [ERROR] TS-992012: Component imports must be standalone components, directives, pipes, or must be NgModules. [plugin angular-compiler] src/app/component/menuheader/menuheader.component.ts:8:24: 8 │ imports: [RouterLink, MaterialModule], ╵ ~~~~~~~~~~~~~~
@NihiraTechiees
3 ай бұрын
Please share details to mail
@odins2ravens
3 ай бұрын
@@NihiraTechiees I just recreated the app with -no-standalone, and that created the app.module. Then I just imported the Material module component in the app.module (import and export)… that eliminates the need to add the Material component in every .ts file. Thanks for the response!