Styling Active link using routerLinkActive | Angular Router | Angular 13+

Подписаться 57 тыс.

Просмотров 29 тыс.

50% 1

In this lecture, we are going to style the currently active link by setting a CSS class dynamically for the active link. To do that, we can use routerLinkActive directive on the anchor elements and to that we can assign one or more CSS class.
In this lecture you will learn:
1. What is routerLinkActive directive?
2. How to use routerLinkActive directive to style active link.
DOWNLOAD SECTION SOURCE CODE HERE: drive.google.c...

Опубликовано:

29 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@yiranyan3170 7 месяцев назад

Thank you soooo much sir, you literally saved me from my class assignment, I don't mean to disrespect my professor, but you are much more better than him in teaching Angular. You must be the God of Angular.

@avanishkumar1689 Год назад

From last week watching your tutorial. Very clear concept explaination and undertsanding. TYSM sir.😊💻

@kadambariannadate634 10 месяцев назад

Thank you so much you have saved me from searching for long hours

@Karthik22ng Год назад

*routerLinkActive* - is a directive for adding add/remove class to an element that is bound to a routerlink - toggle css class - highlight the active link - when child route is active, all parent routes are marked as active - *routerLinkActiveOptions* - this will make the routerlinkactive only if it matches to the current url

@ChoukriHarrab 5 месяцев назад

thank you very much, this playlist is the best of em all

@Viva-07 10 месяцев назад

Thank you..your vids are awesome...you ll soon reach a million subs for sure

@Loggerr Год назад

Thank you! The homepage sneaky bug was exactly what I was dealing with! Thanks!

@sona4612 Год назад

Thank you so much for the detailed explanation 🔥🔥

@himanshusahu8220 Год назад

Thank you so much you have saved a long hours prblm

@hussainaslam3073 Год назад

it helps a lot Thank you so much

@luuheerii3015 Год назад

Obrigada, me ajudou muito.

@Abk312 Год назад

In the previous videos why in the navbar it was not showing error inspite of having a relative path?

@aleksandarstanisic571 Год назад

Because {path: '**', component: ErrorComponent} ; means that if user enters a path which does not match any other path it will show an Error which is defined is error.component.html