Angular 17 Login | With API Integration

Angular 17 Login Page with API integration.
Angular 17 Login Page.
Angular 17 login.
Angular Login.
Learn From me
angularacademy.in
Connect With Me
chat.whatsapp.com/BcKALY2eGab...
API Used in video
freeapi.miniprojectideas.com
Follow on WhatsApp channels
whatsapp.com/channel/0029Va5F...
All code will be at
github.com/voidChetan
Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement
miniprojectideas.com
Follow & Connect me on LinkedIn
/ chetan-jogi-a87148ba
#angular17
#angularlogin
#angularproject

[@akiii461]

Thanks for the tutorial...😊

[@hirushamalith7801]

Awesome , your teaching really help me to understand the coding, implementation, design and testing so far (including all the application) so waiting for eCommerce app with angular 17 project part 03 and rest of the remaining parts of the previous application that you already gave us.

[@LearningPartnerDigital]

Yes sure will update soon.

[@alpsprajapati]

Loved the way your are explaning. to the point. Thanks

[@LearningPartnerDigital]

Glad it was helpful!

[@adekolaadelana2384]

You got a new subscriber today. Thanks for the tutorial

[@vilaskiran266]

Great sir

[@dcode08]

Thank you sir

[@satishmore.8140]

Thank you so much.

[@albuquerqueroger]

Thank you sir!

[@LearningPartnerDigital]

Welcome

[@ngozireginaesenwa5458]

Thank you very much

[@LearningPartnerDigital]

Welcome keep watching

[@ahmedhegazy3875]

Very nice code

[@mugatu2017]

thanks for your contribution to the comunity, just one thing, is not longer neceseary to inject a service in the constructor you cand do like this. loginSvc = inject(LoginService)

[@LearningPartnerDigital]

Yes this is also possible

[@lovelypubgmobile9720]

on you're git hub don't have codes about this angular login app. u copied html and css codes. not wrote. And now what should I do ? How can I find this html and css codes?

[@AnasBensaid-xs6hq]

i get eror in debuger when i try to login

[@benmakhloufaya5037]

why you didn't use the services?

[@user-im4vp7jp1z]

Thank for this, could you please provide a video on forgot password and reset password?

[@LearningPartnerDigital]

Yes will create it soon

[@MTSightseeing]

Can you make video on how to integrate admin lte3 in angular 17. Having one common layout for all module in angular

[@LearningPartnerDigital]

Ok. Will try to use adminLte in next project

[@truth8690]

great. can you add oauth2?

[@LearningPartnerDigital]

Yes will implement guard too

[@sanket6543]

Can you please start explain all new features in angular 17

[@LearningPartnerDigital]

Sure have it my todo list will soon do series on angular 17

[@isllive65]

Ecommerce application next part

[@rryann088]

If youre here for routes in Angular 17, 9:00

[@AnkitTiwari-qt5ds]

I want to create a Forget password form in Angular.. i will take Email and it will get verified from the backend and if it's correct then one link will be sent on that email to reset the password and from that link the user can change the password..

[@LearningPartnerDigital]

Yes this is normal flow we implement in forgot password

[@eddie8575]

seems login api returning some token what's purpose of it

[@GuiSilva1]

the token is like a ticket that the website grants you such that if you use it later, the website knows it can only be you. This is useful, for example, if you want to restrict certain urls, like account settings, to only users that are logged in. To access this url, users must provide their token, otherwise, they are not logged in. From a token, we can retrieve the user data, like name, email, profile picture. All of this would need to be configured in the API backend, like django

[@LindaElsa-ri6ix]

sir , please can you update the repo

[@bennybillions9462]

A cross-origin resource sharing (CORS) request was blocked because of invalid or missing response headers of the request or the associated

[@LearningPartnerDigital]

Pls connect on LinkedIn

[@Whatdahail]

do you something for angular 17 with restful api

[@LearningPartnerDigital]

Sorry didn't get your question

[@vanithaks2215]

where to find the code ?

[@goutambarfa7072]

Sir router. Navigate method not show than how i can navigate now after importing router

[@vaibhavroje5932]

Check where the router module is imported, import router from core library not express

[@meghatare1052]

In angular 17 i am not able to import httpClientModule how can you able to import this?

[@LearningPartnerDigital]

You need to manually write import statement

[@Vinchiii1822]

How to use the /api/User/GetAllUsers? I am getting a 401 error. I am experimenting and trying to delete the dummy email I created. Thanks.

[@LearningPartnerDigital]

Api are authorised u need to pass token u get in login api

[@Vinchiii1822]

@@LearningPartnerDigital How to pass the token? I tried using this const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`); I replaced the token with the token I got from Login API but still unauthorized.

[@Vinchiii1822]

@@LearningPartnerDigital I tried using Postman and manually added the token that I got from Login API but still 401Unauthorized. Please help. Thank you.

[@bharathirajasubramanian3245]

ngModel is throwing error even after adding FormsModule in the logincomponent

[@LearningPartnerDigital]

What error u are getting

[@sagarbhasate7449]

@@LearningPartnerDigital NG8002: Can't bind to 'ngModle' since it isn't a known property of 'input'.

[@sirmntuli]

Hi Sir, I am getting CORS error when hitting the login API.

[@LearningPartnerDigital]

Please use Jwt controller api..from swagger

[@mohitkuttarmare4199]

Hello I am getting cors error while hitting api can you please tell me in this case how can I resolve this? I tried multiple soln but not success

[@LearningPartnerDigital]

Use api from Jwt controller

[@RahulChoudhary-is9xe]

@@LearningPartnerDigital it is still giving CORS error even after using API from Jwt controller

[@user-sy4bp5je5g]

@@RahulChoudhary-is9xe same with me

[@JoseCardenas-zs4on]

where is the node_moduler file?

[@LearningPartnerDigital]

After cloning you need to do npm install

[@JoseCardenas-zs4on]

@@LearningPartnerDigitalThank you so much

[@Shoaib-Rajput]

Sir G pls provide source code

[@LearningPartnerDigital]

Please check repo

[@LearningPartnerDigital]

Angular 17 login

[@Shoaib-Rajput]

@@LearningPartnerDigital Thanks Sir Kal tk empty thi Repo Sir

[@LearningPartnerDigital]

@@Shoaib-Rajput yes..one more login scenario..with Local-Storage I wanted to do then I would have pushed it

[@Shoaib-Rajput]

@@LearningPartnerDigital Ok Sir I'm beginner and I follow your videos I also create ZoomCar Zomato app and now working on login page

[@amanverma8300]

Login and JWT both api is not working.why?

[@MovaClub]

shit! no repo :) dude, what you're doing?

[@LearningPartnerDigital]

Yes will upload code to repo

[@anas-agario5035]

i get eror in debuger when i try to login