Angular 17 Login | With API Integration
Вставка
- Опубліковано 17 жов 2024
- Angular 17 Login Page with API integration.
Angular 17 Login Page.
Angular 17 login.
Angular Login.
Learn From me
angularacademy.in
To Connect with me & get Notification of Live Session Join
chat.whatsapp....
API Used in video
freeapi.minipr...
Follow on WhatsApp channels
whatsapp.com/c...
All code will be at
github.com/voi...
Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement
miniprojectide...
Follow & Connect me on LinkedIn
/ chetan-jogi-a87148ba
#angular17
#angularlogin
#angularproject
I love the way you teach. thank you for helping me
I suppose that login page is showing first and then dashboard, this is happened after login and refresh a page on dashboard, can you tell me what happened?
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?
Loved the way your are explaning. to the point. Thanks
Glad it was helpful!
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.
Yes sure will update soon.
Super efforts and appreciated bro, thanks.
You got a new subscriber today. Thanks for the tutorial
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)
Yes this is also possible
login page is not displayed , i followed upto router imports in app component......video 11.57
@@NaveenKumar-hw7sd checking router outlet is added in app component
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.
Api are authorised u need to pass token u get in login api
@@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.
@@LearningPartnerDigital I tried using Postman and manually added the token that I got from Login API but still 401Unauthorized. Please help. Thank you.
why you didn't use the services?
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
Use api from Jwt controller
@@LearningPartnerDigital it is still giving CORS error even after using API from Jwt controller
@@RahulChoudhary-is9xe same with me
Very nice code
Thanks for the tutorial...😊
Hi Sir, I am getting CORS error when hitting the login API.
Please use Jwt controller api..from swagger
In angular 17 i am not able to import httpClientModule how can you able to import this?
You need to manually write import statement
Great sir
Sir router. Navigate method not show than how i can navigate now after importing router
Check where the router module is imported, import router from core library not express
i get eror in debuger when i try to login
Thank for this, could you please provide a video on forgot password and reset password?
Yes will create it soon
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..
Yes this is normal flow we implement in forgot password
Login and JWT both api is not working.why?
Can you make video on how to integrate admin lte3 in angular 17. Having one common layout for all module in angular
Ok. Will try to use adminLte in next project
seems login api returning some token what's purpose of it
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
i am getting cors error when i used the api please help
Please to connect on LinkedIn
Thank you so much.
ngModel is throwing error even after adding FormsModule in the logincomponent
What error u are getting
@@LearningPartnerDigital NG8002: Can't bind to 'ngModle' since it isn't a known property of 'input'.
A cross-origin resource sharing (CORS) request was blocked because of invalid or missing response headers of the request or the associated
Pls connect on LinkedIn
i am also facing same issue did you got any solution?
do you something for angular 17 with restful api
Sorry didn't get your question
Thank you sir!
Welcome
great. can you add oauth2?
Yes will implement guard too
Thank you very much
Welcome keep watching
Thank you sir
If youre here for routes in Angular 17, 9:00
where to find the code ?
Can you please start explain all new features in angular 17
Sure have it my todo list will soon do series on angular 17
Ecommerce application next part
where is the node_moduler file?
After cloning you need to do npm install
@@LearningPartnerDigitalThank you so much
sir , please can you update the repo
Sir G pls provide source code
Please check repo
Angular 17 login
@@LearningPartnerDigital Thanks Sir Kal tk empty thi Repo Sir
@@Shoaib-Rajput yes..one more login scenario..with Local-Storage I wanted to do then I would have pushed it
@@LearningPartnerDigital Ok Sir I'm beginner and I follow your videos I also create ZoomCar Zomato app and now working on login page
getting CORS error xhr login.component.ts:22
@@dhanurdarsahhu8659 use api from projectapi.gerasim.in user api..run project on 4209
shit! no repo :) dude, what you're doing?
Yes will upload code to repo
i get eror in debuger when i try to login