Angular Tutorial - 25 - Route Parameters 

broo thank you so much

thank you

thank you

You solved my error. Thank you brother. 😊

thanks bro

I usually listen at 1.5x xD

ayo Ninos, do you know the difference already? :c

Difference is the second one works in Angular 9 x)

can use 2 method 1. route navigate by programmatically show in this video onSelect(department: any) { this.router.navigate(['/departments', department.id]); } 2. route navigate by syntax [routerLink]="['departments',department.id]

this.route.paramMap.subscribe(params => { this.departmentId = params.get("id") })

this will work ........ let id = Number(this.route.snapshot.paramMap.get('id'));

THANKSSSSSS@@sanketmane4026

@@sanketmane4026 was facing the same problem, thank you, your solution has fixed it. I'm still curious why parseInt does not work in this particular situation though.

const id = parseInt(this.route.snapshot.paramMap.get('id').toString(), 10); this.departmentId = id;

(click)="onSelect(department)" this is making it clickable

Login authentications is simple. You can use Bearer Token based authentication. And you call it using /token with username & password and access data thourgh api using the toekn

replace the word "id" with "name" in all the places except the array

Its because your route is correct. You need to check into your code if department id with 6 exists in the database. If not then redirect to not found

@@Prakash8083 how can i do that?

this.router.navigate(['game', { queryParams: {width:width, height:height}}]

it means compulsory . for optional we write :id?

just restart vs code

There is no major difference.if you have some complex logic in typescript file and do navigate go for navigate otherwise you just use routerLink in html

CSS is not part of Angular versions. Make sure you have the CSS copied from the github repo.

@@Codevolution I have the same issue so, do you mean to copy the original Bootstrap CSS from github into the angular application style file? or is there any other style file in specific that you are using? cause I have imported the bootstrap css file but the list does not look like yours, I can not even click on it :/ Thanx!

I would suggest checking for typos or property. Check your import, constructor, and method of the page using it.

You can do that with a service. Google it :)

Watch it for the forms tutorials as they are pretty much the same and I will not cover that in this series.

Very generic question with many possible answers. If you are displaying items to user, he/she can refer to id when communicating with you. If you have not secured your services enough, it does not matter for hacker if you hide id from him - and you will most probably complicate your life. Surely, you can expose some long hash instead of id, (hacker will still know unique identification of that item), but you will make "brute force" attack not much funny - and that can also be made less funny by limiting requests count for stupid example. So it is nor good, nor bad, highly dependant on many factors.

let name = this.route.snapshot.paramMap.get('name')

oups I just missed one }

Its because your route is correct. You need to check into your code if department id with 6 exists in the database. If not then redirect to not found

He have already said that this is actually ang 5 but inorder to get the most out of the videos, he have given it the title of 6

const statement values can be assigned once and they cannot be reassigned so i would use let for the id value because the value of id can be changed very easy

his videos are better than books.