Styling Active Router Link in Angular | Angular Routes | Angular 6 Tutorial in Hindi (2019) [#17]



►Subscribe Now: 🔔 Stay updated!

In This Video You will Learn about How to Styling Active Router Link in Angular. Follow this video to know more about.

———– Donate and Support ———–
-If you would like to show your support to grow my channel donate to my PayPal – paypal.me/anupss

-All money is hugely appreciated and is used to buy new equipment and gear to help produce the best quality video I can!

🎬 Angular Series Playlist (In Hindi)

➤ Part #1 –
➤ Part #2 –
➤ Part #3 –
➤ Part #4 –
➤ Part #5 –
➤ Part #6 –
➤ Part #7 –
➤ Part #8 –
➤ Part #9 –
➤ Part #10 –
➤ Part #11 –
➤ Part #12 –
➤ Part #13 –
➤ Part #14 –
➤ Part #15 –
➤ Part #16 –

🎬 Sass Series Playlist (In Hindi)

➤ Part #1 –
➤ Part #2 –
➤ Part #3 –
➤ Part #4 –

🎬 Our Playlists

Checkout : UX Experiments
➤ Playlist:

Checkout :How to-list(In Hindi)
➤ Playlist:

Checkout: WordPress Tips and Tricks (In Hindi)
➤ Playlist:

Checkout: Web Development Tips and Tricks (in Hindi)
➤ Playlist:

Checkout: UX Entertainment
➤ Playlist:

🎬 Popular Videos

Text Portrait with Css and Html | Pure Css Tutorial | Html/CSS [Ep #1]

Dynamic Image in Bootstrap Modal using Jquery [Ep #2]

Custom Toggle Checkbox with Pure Css [Ep #3]

Render/Export Transparent Video [Ep #4]

What is NPM and how to Install (In Hindi)

Checkout How to Install Bootstrap with NPM (In Hindi)

🔔 Subscribe for all web Tips and Tricks
#Uxtrendz

Other Media People are Trying to Locate on YouTube Similar to Styling Active Router Link in Angular In Hindi
Styling Active Router Link, Active Routes, Routing, Angular Routing, Routes, RouterLink, RouterLinkActive, RouterLinkActiveOptions , Angular Links, Angular Navigations, Page Navigation in Angular, #Routing, #AngularRouting, #Routes, #RouterLink, #RouterLinkActive, #RouterLinkActiveOptions , #AngularLinks, #AngularNavigations, #PageNavigation, Learn Angular in Hindi, Angular for Beginners, New in Angular, Angular from Beginning, #AngularforBeginners, #Angular6, #LearnAngular, #LearnWithAnup, #Uxtrends, #Uxtrendz, #HindiTuts, Hindi Tutorial, Hindi Tips and Tricks, Coding Tips in Hindi

👍 Social Us

✅ YouTube –
✅ Facebook –
✅ Google+ –
✅ Tumblr –
✅ Telegram –
✅ WhatsApp –

♬====================================================♬
Song: Ikson – Apart (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link:
♬====================================================♬

Nguồn: https://rmacct.org/

Xem thêm bài viết khác: https://rmacct.org/cong-nghe/

  • [routerLinkActiveOptions]="{exact:true}" this is not working in my case ,is that issue of version of angular?

    Tejashree Mestry July 5, 2020 12:09 am Reply
  • Apki jitni videos h wo sari bhtt helpful, effective h….es se pehle mein or v yotuber k videos dekhe bt aapka wala best h..thanku and keep uploading nd teaching.😍😍😍

    SUJEET KUMAR Ajeet July 5, 2020 12:09 am Reply
  • superb Explanation Sir …. maza aa gaya…

    Jagdish Jena July 5, 2020 12:09 am Reply
  • thank u so much

    Prarthit Shah July 5, 2020 12:09 am Reply
  • Please explain more scenerio for example acviating route like in sidebar:
    path1 : locahost:4200/studentlist

    path1 : locahost:4200/studentdetails/{id}
    path2: locahost:4200/student/{id}/{teacherid}

    pratik July 5, 2020 12:09 am Reply
  • External scripts which are mention in "index.html", that are not loading correctly when changing a route to another component.
    While it is loading, when you refresh the component.

    Need a solution, If you have?

    Sailesh Paul July 5, 2020 12:09 am Reply
  • thank you sir my concept is clear

    Shubham Maheshan July 5, 2020 12:09 am Reply
  • superb sir

    Iqbal Ahmed July 5, 2020 12:09 am Reply
  • Very Nice !! thanks

    Sachin Kumar July 5, 2020 12:09 am Reply
  • Nice please decrease speed

    cidam July 5, 2020 12:09 am Reply
  • <nav class="navbar navbar-expand-sm bg-light">

    <ul class="navbar-nav">

    <li class="nav-item" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}">

    <a class="nav-link active" [routerLink] = "['/home']">Home</a>

    </li>

    <li class="nav-item" [routerLinkActive]="['active']">

    <a class="nav-link" [routerLink] = "['/about']">About</a>

    </li>

    <li class="nav-item" [routerLinkActive]="['active']">

    <a class="nav-link" [routerLink] = "['/galery']">Galery</a>

    </li>

    </ul>

    </nav>

    sir [routerLinkActiveOptions]="{exact:true}" is not working here in this above code .

    BPUT WARRIOR. July 5, 2020 12:09 am Reply
  • love you sir awesome tutorial

    BPUT WARRIOR. July 5, 2020 12:09 am Reply
  • please reduce voice of background music.

    tejas malani July 5, 2020 12:09 am Reply
  • cooool , expained very well thanx.

    tejas malani July 5, 2020 12:09 am Reply
  • very well explained anup ji 🙂

    Rahul Verma July 5, 2020 12:09 am Reply
  • very helpful thanks sir 👍

    shubham arora July 5, 2020 12:09 am Reply

Leave a Reply

Your email address will not be published. Required fields are marked *