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

[@nadetdevfullstack7041]

I just finished your pair programming tutorial. THANKS. You are excellent. May your business prosper!

[@NihiraTechiees]

Thanks👍

[@tuku_mann]

Thank you so much, that's extremely helpful ❤🎉😊

[@NihiraTechiees]

Thanks👍

[@yanoushka]

Thanks for the tutorial well detailed

[@NihiraTechiees]

Glad it was helpful!

[@VijayKumar-fq4ie]

Good one bro, thanks

[@NihiraTechiees]

Welcome👍

[@nadetdevfullstack7041]

Excellent

[@NihiraTechiees]

Thanks

[@user-ei5rx3hm4c]

Thank you so much

[@NihiraTechiees]

You're most welcome

[@davebudah]

Thanks man.

[@NihiraTechiees]

Welcome👍

[@AC-mi8vf]

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]

In interceptor we cannot use constructor that's why we used inject option..... Always constructor is the first option for injection

[@aksharanatureworld]

👍

[@NihiraTechiees]

Thanks

[@FaisalRahman-bm2tq]

Can you please make a detailed video on *ngrxLet directive. There is not a single video on youtube on this topic.

[@NihiraTechiees]

Sure will plan for that

[@kannagokul4968]

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]

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

[@_sourabhfx]

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.

[@shivachauhan1509]

ur great sir i cracked 4 interview with this please share ppt also if possible

[@NihiraTechiees]

Congratulations👏
Glad to hear that you cleared interview.
PPT have only topics that i included in description.

[@charityngunyi584]

Im getting this errors please
ERROR Error [NullInjectorError]: R3InjectorError(Standalone[_AppComponent])[_Store -> _Store -> _Store]:
NullInjectorError: No provider for _Store!

[@NihiraTechiees]

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

[@eyobtadele1613]

why do we need to use ngrx?

[@NihiraTechiees]

If you have data, that need to transfer some unrelated components we can use ngrx

[@muraliprasad_it3241]

Bro how to get Microsoft teams status in angular??

[@NihiraTechiees]

Will check let you know

[@_oLuongHuan]

can i have your link server for testing purpose ?

[@NihiraTechiees]

No it's just ran in my local

[@dragardgaming]

Have an error in swiper slider pagination stuck

[@dragardgaming]

Would you help me

[@NihiraTechiees]

Please send me mail with details

[@dragardgaming]

Hi sir

[@NihiraTechiees]

Yes

[@odins2ravens]

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]

Please share details to mail

[@odins2ravens]

@@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!