Angular 17 Login | With API Integration
HTML-код
- Опубликовано: 17 янв 2024
- 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 Наука
Thanks for the tutorial...😊
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.
Great sir
Thank you sir
You got a new subscriber today. Thanks for the tutorial
Thank you so much.
Thank you sir!
Welcome
Thank you very much
Welcome keep watching
Very nice code
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
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?
why you didn't use the services?
i get eror in debuger when i try to login
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
Thank for this, could you please provide a video on forgot password and reset password?
Yes will create it soon
great. can you add oauth2?
Yes will implement guard too
If youre here for routes in Angular 17, 9:00
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 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
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
do you something for angular 17 with restful api
Sorry didn't get your question
In angular 17 i am not able to import httpClientModule how can you able to import this?
You need to manually write import statement
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
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
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.
Hi Sir, I am getting CORS error when hitting the login API.
Please use Jwt controller api..from swagger
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'.
where to find the code ?
sir , please can you update the repo
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
where is the node_moduler file?
After cloning you need to do npm install
@@LearningPartnerDigitalThank you so much
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
Login and JWT both api is not working.why?
shit! no repo :) dude, what you're doing?
Yes will upload code to repo
i get eror in debuger when i try to login