Angular - Login Page - Template Driven Forms - Hiding Navigation Bar - Routing - Paths Auth Guards

  Рет қаралды 46,783

CodeForgeYT

CodeForgeYT

Күн бұрын

Пікірлер: 78
@ericnjanga3245
@ericnjanga3245 2 жыл бұрын
Thank you very much my friends. This tutorial was very helpful. I wish you the best!
@VinayKumar-gn5xn
@VinayKumar-gn5xn 2 жыл бұрын
Sir your are great after a long time I have solve my problem from your video and thank you so much sir
@sathyaravi802
@sathyaravi802 2 жыл бұрын
Really a nice one . Easy to understand. Thank you
@xxMaCuxx
@xxMaCuxx 2 жыл бұрын
This video was very helpfull! thankyou!
@keepwatching1128
@keepwatching1128 2 жыл бұрын
Pelase make more assignments/mini project like this.. your videos are amazing for new learners.
@CodeForgeYT
@CodeForgeYT 2 жыл бұрын
I will try!
@jasminemerchant3167
@jasminemerchant3167 3 жыл бұрын
Great tutorial sir, thanks for sharing
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Happy you like it!
@stackflowtwo6199
@stackflowtwo6199 3 жыл бұрын
Thanks for the tips. Amazing
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Cool!
@sonalijadhav4651
@sonalijadhav4651 3 жыл бұрын
with gratitude ...thank you sir...really worked out for me...Tnx...
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Awesome!
@erisvideo
@erisvideo 2 жыл бұрын
i have an issue about displaying navbar. When i login, then click go back button. Navbar is displaying with login page. How can i fix this.
@CodeForgeYT
@CodeForgeYT 2 жыл бұрын
I don't have any solution right now, but you probably have to play a little bit with routing. Maybe listening for changes on Routing or ActivatedRoute from @angular/router may help.
@dianasungu
@dianasungu 2 жыл бұрын
@Denthor - Same issue here, were you able to find a fix?
@canarese
@canarese 3 жыл бұрын
Almost perfect! But some confusion on isFormValid / isFormInvalid and using login instead of email caused heart to flutter a bit. Thanks!!
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Thanks for feedback!
@brandonchavez9655
@brandonchavez9655 4 жыл бұрын
Great tutorial, thanks! You should show us how we can link this up to Firebase authentication!
@CodeForgeYT
@CodeForgeYT 4 жыл бұрын
Thanks for feedback and video idea!
@keepwatching1128
@keepwatching1128 2 жыл бұрын
Really very helpful.
@CodeForgeYT
@CodeForgeYT 2 жыл бұрын
Glad to hear that!
@sebastiank9365
@sebastiank9365 3 жыл бұрын
Very Nice Tutorial! Helped a lot! Could you possibly make a video about connecting this program (or Angular in general) to a database. e.g. MongoDB via ExpressJS? :)
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Hey! Currently I am not planning anything like this. If I will do anything like this it will be probably based on Java Spring Boot and some SQL DB, but thanks for feedback!
@sumitgarg9176
@sumitgarg9176 3 жыл бұрын
Nice tutorial
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Thanks
@MeltTheBrain
@MeltTheBrain 2 жыл бұрын
Very good explanation and easy to follow. only constructive feedback I have is maybe make font bigger so it's easier to read as we go along. but this is couple years old so might be that you already know that :)
@CodeForgeYT
@CodeForgeYT 2 жыл бұрын
Already noted! Thanks!
@MeltTheBrain
@MeltTheBrain 2 жыл бұрын
@@CodeForgeYT thanks for the video though, and best of luck to you :)
@cybersolutionshariq9922
@cybersolutionshariq9922 3 жыл бұрын
it says this Property 'isAuthenticated' does not exist on type 'AuthenticationService'
@onke
@onke 3 жыл бұрын
Top class stuff. thank you
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Thank you too!
@edrisebaher4694
@edrisebaher4694 3 жыл бұрын
Please consider font in large size for IDE in next videos it cannot display in phones effects the eyes! Thanks
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Hi! Thanks for feedback! New videos should have bigger fonts
@saitejacheganti2705
@saitejacheganti2705 3 жыл бұрын
Sir can you please tell that how to connect to database and get user data for authentication in the place of "mockedUser".
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Hey! Instead of using mocked user you will need back-end with the authentication logic. This back-end should expose REST endpoint that will authenticate this user using database. On the front-end you can then create dedicated service class. In this service you will need method that will call you back-end REST endpoint. You can use your new service as the dependency in authentication service and call this metod. Depending on the result returned from endpoint you can allow user to login or not. Hope it helps
@dirkrobbertse4503
@dirkrobbertse4503 2 жыл бұрын
Your content is spot on, you don't find allot of videos where it goes this smooth!! Great video Dude and I'm looking forward to your next content, is just think there is allot of extra coding for all the authentication "Login-auth display"and "checking for failed validation messages" but other than that, Your a rockstar @CodeForgeYT
@CodeForgeYT
@CodeForgeYT 2 жыл бұрын
Thanks a ton!
@felipesanzanam
@felipesanzanam 3 жыл бұрын
thank yoy bro!!!! amazin tutorial!
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Hey! Thanks, glad you like it!
@Khushburathore-u4f
@Khushburathore-u4f 3 жыл бұрын
Everything is perfect bt one problem occurs after implementing the guard auth when I try to refresh in any other pages like home or statistics it navigated to login again. So how to resolve it plss do response
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Thanks for feedback. This is because we are not storing information about user authentication. It is stored in application memory, so after refresh all information disappear. To make it work you should store information about user authentication in web browser for example it can be some token - we want to store token and not credentials because you should not store user credentials due to security issues
@save2strokes593
@save2strokes593 3 жыл бұрын
I logged in with my correct using gmail and password but its saying invaid password or user like that ,how can i fix this bug..
@maliktahir2652
@maliktahir2652 3 жыл бұрын
SIr can you guide me for role based login in this app and redirecting on basis of roles
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Don't know what you mean by role based login, but for such thing you need your custom back-end with users, roles, resources or you can use tool like keycloak. Each user should have assgined roles and each role should have assigned resources. Having that you can integrate it with your front-end and control visibility of specific parts of the UI like pages or buttons using roles or resources assigned to the specific user. I think it would be best to use some directvies and put them on specific UI elements. Hope it helps! Keep coding!
@sulochanabasavala6178
@sulochanabasavala6178 3 жыл бұрын
thank you so much but what is login credentials..?
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Credentials are data such as for example login or password
@sulochanabasavala6178
@sulochanabasavala6178 3 жыл бұрын
@@CodeForgeYT but when i download that code and compile,it is asking for login credentials..
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
@@sulochanabasavala6178 Yes, because this is how we have implemented application. If you will take a look in the source code you will find mocked user which we have created for this example. In the video mocked user is different than the one in the source code from github. Take a look on the line 10 of the authentication.service.ts file. There you can find credentials which can be used for logging.
@sulochanabasavala6178
@sulochanabasavala6178 3 жыл бұрын
@@CodeForgeYT thank you so much..
@musicalspace6885
@musicalspace6885 4 жыл бұрын
Why does ng g c login not working? It says: Unable to locate a workspace file for workspace path.
@CodeForgeYT
@CodeForgeYT 4 жыл бұрын
Hard to say, are you in project directory?
@musicalspace6885
@musicalspace6885 4 жыл бұрын
@@CodeForgeYT Yes,I am
@CodeForgeYT
@CodeForgeYT 4 жыл бұрын
@@musicalspace6885 Check if you are in Angular workspace. If you will run out of ideas try to look for the same error in the internet. Good luck!
@muskanagrawal6727
@muskanagrawal6727 Жыл бұрын
Can you please help me by telling that instead of passing login credentials how can i pass user id in which is the user enters an id starting with a letter followed by 7 number of digits it will successfully login without the need of password?
@divyankgupta4578
@divyankgupta4578 2 жыл бұрын
sir plz tell me what login id and pass use for open this ?
@ahmedbahpullo8544
@ahmedbahpullo8544 2 жыл бұрын
thanks you thanks you you are the best
@shubhamjeve4399
@shubhamjeve4399 2 жыл бұрын
No directive found with exportAs 'ng'
@jayasreed7919
@jayasreed7919 3 жыл бұрын
sir plzz i need link of your role based authorization
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
I don't have any role based authorization project
@jayasreed7919
@jayasreed7919 3 жыл бұрын
like only admin can login depends on user ? You didnt done any project like that sir.. @@CodeForgeYT
@subikshasriram1745
@subikshasriram1745 2 жыл бұрын
NgForm is not working and nav bar is also not working...i am follow with ur process only but why i am getting like this
@mcardosodev
@mcardosodev 2 жыл бұрын
thanks man, you saved me LOL
@Kavin1406
@Kavin1406 3 жыл бұрын
thank you very much!
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
You're welcome!
@jrlcentertainment3376
@jrlcentertainment3376 2 жыл бұрын
Please make a tutorial on hiding nav bar with using real credentials from json-server
@muzzamilhussain3535
@muzzamilhussain3535 3 жыл бұрын
Thank you so much!!
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
You are welcome!
@devunurireethu7859
@devunurireethu7859 3 жыл бұрын
Sir pls I need your admin only acces the page with certain user can you plzz send the link of the video
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
I don't have any project like this
@mastvideos2355
@mastvideos2355 3 жыл бұрын
when i refresh the page its going back to login page please help me i want to stay in same page when i refresh the browser
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
It is single page application, you shouldn't refresh the page like this. If you want to refresh the page and stayed logged in you have to implement it.
@92kamilnur
@92kamilnur 3 жыл бұрын
thankyou bro !!
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
Thanks for watching! Keep coding!
@bogdanalexandruburca3579
@bogdanalexandruburca3579 4 жыл бұрын
Thanks!
@CodeForgeYT
@CodeForgeYT 4 жыл бұрын
Happy to help!
@sherlibiwole4503
@sherlibiwole4503 3 жыл бұрын
Thank you very much!
@CodeForgeYT
@CodeForgeYT 3 жыл бұрын
You're welcome!
Angular - WebSocket - Chat Application Example with Bootstrap
28:29
Angular v19 Developer Event
22:54
Angular
Рет қаралды 70 М.
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН
Beat Ronaldo, Win $1,000,000
22:45
MrBeast
Рет қаралды 158 МЛН
Angular  Routing | LazyLoading | AuthGuard | multiple router-outlet |  all in one video
31:37
Technical Babaji (Tarique Akhtar)
Рет қаралды 196 М.
Angular JWT Authentication
33:50
Scalable Scripts
Рет қаралды 73 М.
Authentication in Angular- AuthGuard | CanActivate | Role Auth
12:56
This is the Only Right Way to Write React clean-code - SOLID
18:23
Build a reactive Chat App UI with Angular Signals
36:15
Code with Ahsan
Рет қаралды 2 М.
Angular Material: Sidenav (Expandable/Collapsable) 1/1
34:49
TommiCodes
Рет қаралды 32 М.
Solving one of PostgreSQL's biggest weaknesses.
17:12
Dreams of Code
Рет қаралды 219 М.
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41