Angular Tutorial - 24 - Wildcard Route and Redirecting Routes

[@erinrivera7697]

Thank you for all your Angular videos. You are an excellent teacher! I've been through so many videos about Angular 2/5 and you are the first person to actually explain concepts in a clear and concise manner. Thanks again!

[@zabiullahahmadi6281]

checkout mosh hamadani's tutorials also

[@mrrishiraj88]

I second with @Erin Highbaugh.
Vishwas is an amazing teacher, explaining otherwise dreadful concepts with love, care and focus.

[@TeluguNerds]

For latest versions, assign this to routes array [ {
path: '',
pathMatch: 'full',
redirectTo: ''
},
{path: 'departments', component: DepartmentListComponent},
{path: 'employees', component: EmployeeListComponent},
{path: "**", component: PageNotFoundComponent} ]

[@annapurnaseelam5324]

Thanks for that!!

[@malavikagopinath788]

Thank you 🙏

[@mrrishiraj88]

For path:'', it may be more convenient to redirectTo:'firstSectionOfWebApp'
Or not?

[@ashmusic621]

Works! Thank you.😃

[@shreyareddy3059]

Thanks!

[@HK-sw3vi]

this guy be gifted in his teaching methods: clear and concise...

[@simonemeloni7967]

For the updated versions the routes must be added in the following precise order:
const routes: Routes = [
{path: '', pathMatch: 'full', redirectTo: ''},
{path: 'departments', component: DepartmentListComponent},
{path: 'employees', component: EmployeeListComponent},
{path: '**', component: PageNotFoundComponent}
];
otherwise it puts the string "Page Not Found" in the "home" page localhost: 4200, instead of typing localhost: 4200 / test as the tutorial says.

[@RCPN]

is there any difference between {path: '', pathMatch: 'full', redirectTo: ''} and {path: ''", pathMatch: 'full', redirectTo: '"'} because for me the latter worked.

[@kogantieswar5240]

Thank you , it works

[@itz_curiouscompass]

Thanks it's working fine now

[@shyama5612]

Beautiful explanation of path match. Thank you Vishwas. I've seen many tutorials, not one of them explained the order and the match prefix/full.

[@ankurpandey7343]

redirectTo : '/department' ----->>>> redirectTo : 'department' WORKED FOR ME

[@mrrishiraj88]

Gratitude for all your effort, care and knowledge.

[@ariaalex9067]

you are the best ive been suffering to learn these things for days

[@anilmaurya55]

You are awesome. Please carry on.

[@dskundan]

Thank you Sir, you are excellent... keep up the great work!

[@yogeshttiwari2666]

wildcard route works but, error-page content always visible on the home page. And this only on the home page whenever I redirect it to another page like employee-list or departments then the only page's content visible but as soon as I redirect on the homepage error-page content reflects again How to fix it...??? Please answer

[@MichalRutz]

add -> {path: "", pathMatch: 'full', redirectTo: ""},

[@Juznik1389]

You are a code/explanation god

[@costagmc1]

wonderful explanation. Still After 4 years.

[@MrBdoleagle]

great video! you made it very clear and easy to understand. thanks~

[@mohanbalasubramani]

Awesome tutorial!!! .helps me a lot :) Thank you.

[@sreyahepsiba4525]

Very nice lecture

[@ai.aspirations]

pretty tutorial thanks much Vishwas

[@ioanabondoc3844]

sorry, I have a question - how in the PageNotFound component you could overwrite all page in order to appear only the 'not found' message, and not also the 2 buttons?

[@syn-eewong8460]

Thank you for your videos!

[@nikokodzhabashev807]

AMAZING! THANK U!

[@chagantisubhash]

Great explanation!!

[@jeganmuthu6962]

instead showing error message on same page how to navigate to show only error message in new page without employee buttons and department buttons

[@HolyHarmonyOfficial]

really great！ clearly and effective

[@klaasvg]

Great tutorial series. I noticed one thing, leaving out the import routingComponents from the app.module.ts has no effect on the application. And commenting out the line:
//export const routingComponents = [DepartmentListComponent, EmployeeListComponent];
from app-routing.moules.ts neither, the application still works normally.

[@kirthimedia5235]

Very good catch..

[@adnankhuwaja1234]

yeah right

[@HongKimhia]

Thanks very much

[@mudrakpatel7468]

How do I set the default route to be the home page i.e. localhost:4200/ ?

[@dailyproviders5606]

{path : '', redirectTo: '', pathMatch:'full'}

[@trendingtopics3362]

Marvelous

[@AhamedKabeer-wn1jb]

Thank you..

[@tylerfranklin8363]

You are great.

[@ritsk4338]

Then where we can use prefix value ?

[@sagarmukherjee]

Hi, what to put in redirectTo for paths like # which does not redirect to anywhere?

[@entertainmentofficial3671]

Hi sir,
while creating component getting below errors
PS D:\Study\Medical> ng g c NewMedical -is -it
Error: Unknown argument: i

[@Cupofshake]

Hello, how can I implement that role based navigation. E.g. If user has not logged in, cannot access into routes. If I try to enter any route directory, it redirects into login page..

[@yogeshpatidar9822]

Hey can you please make video on internationalization

[@prasunkumarchatterjee3488]

I have one question. What is the use of prefix?

[@mayankk2800]

Are these videos still good for Angular 6+??? Angular 7??

[@harsh55]

yes

[@mohammadrezarahimi1979]

would it be possible to enable auto generating caption in video 24 to 29

[@yevgenylevin8381]

Are you have a courses on Udemy??

[@seenuvasanv]

Thanks.

[@dulanjayachathura2444]

thankz

[@gururajmoger8649]

please do sidemenu and navigation menus.

[@umutacer01]

can you please open auto-subtitles ?

[@kidoo1567]

5:10

[@sonzkinzminzhoangz3333]

problem with sub in this video

[@MULAGURA]

i guess no difference from Angular 4

[@17001045jv]

Subtitles plz