Angular 4 Tutorial - Routing #4

Routing in angular 4 is used to navigating different components without reloading web page. Angular routing makes loading content really fast. Routing makes angular 4 apps, a single page web application. Learn angular 4 routing with examples.

Angular 4 for beginners.

Want to learn Angular JS 1?

Angular cli:

Join facebook group:

[kadiridav]

So far, this is the only tutorial i've found that makes its explanations simple enough for dummies like myself to grab effortlessly. Thank you sir.

[dineshvasamshetty]

You made it easy man. I have seen so many videos but this one is master piece. Thanks a ton!

[aepaepaepaepaep]

Thanks Awais, clearly explained without any fuzz and bloated example code.

[JzfDavid]

Wow. Thank you Awais Mirza ji. You make it sound much easy.

[divyasampath]

Your content is very precise and comprehensive. Thanks :)

[nkmills]

wow very simple and easy to understand for a novice. Please another tutorials for http request using php to a wamp server

[anupkumargupta]

Which Plugins are you using ? Please can you list them out.

[AmitSingh-pqve]

Good tutorials for beginners Thank you for sharing.

[menandmice]

Good tutorial and clearly explained. Thank you.

[pandarzzz]

Thank you for sharing this informative video! 🐰🖐🏻

[TheBlackWheeler]

I found it very helpful. Its good for beginners. Thank you for sharing.

[Rizzo]

Thank you very much for sharing. This was incredibly helpful!

[diahrongrismore]

Great tutorial! I opted to use yarn for installation. Angular4 cli works great with it. How can you remove a component? I looked through docs and couldn't find out how. I hope it don't have to be done manually!

[pushpashinde]

thanks you for sharing
nice tiutorials

[ohwaititsbait]

Brilliant! thanks dude, exactly what i needed.

[laythbaldawi]

very awesome Tutorial
easy to follow and you make it so clear thank you for your efforts

[zebirajpot]

that's great tutorial keep it up,
but there is issue
you have to add
<base href="/">
in head tag
OR
add this in provider like that
providers: [{provide: APP_BASE_HREF, useValue : '/' }],

without that angular will trigger an error that you have to define base url.

Note: don't forget to import APP_BASE_HREF :)

Thanks
Show less
REPLY

[amargosa]

Sempai your tutorials are very good. new subscriber here. Thank you for this.

[nadirsiddiqui]

AoA,
Thanks alot for creating and uploading this tutorial.
I have a question: how can I delete a component by using cli?
One more important thing: routerlink is not working at my end.Please help.

[chinmaykalyankar]

how do you route 2 pages in the index page on different divisions ??
U didnt explain advanced routing