繁体 English 中英

设置 <li> 基于路由器的角度4激活类

[英]Setting <li> class to active with angular 4 based on router

原文 2017-10-09 10:30:19 0 2 javascript/ html/ angular

我对angular 4相当陌生，但我有无法自行解决的问题。

我的主URL是localhost：4200 / ，另一个是localhost：4200 / wortschaz 。

我想使用angular * ngIf为基于路由器的某个div提供活动类。 因此，如果url为localhost：4200 / wortschaz，那么我想将class设置为具有该内容的div。

有人可以帮我吗？

2 个解决方案

使用routerLinkActive

 <a routerLink="/wortschaz" routerLinkActive="activeNav">Wortschaz</a>

 .activeNav { background-color: blue; }

只需添加<li><a routerLink='/wortschaz ' routerLinkActive='active'>wortschaz </a></li> 。 routerLinkActive会照顾好它

当时为一个锂元素设置“活动”类别

[英]setting class “active” for one li element at the time

根据 Angular 中的 URL 设置菜单激活

[英]Setting the menu active based on the URL in Angular

jQuery，基于data属性设置活动类

[英]jQuery, setting an active class based on the data attribute

如何根据其子<a>href</a>将活动的CSS类应用于li

[英]How to apply an active css class to li based on its child <a> href

li class 活动页面

[英]li class active page

设置一个 <li> 元素在加载时为“活动”

[英]Setting an <li> element as “active” on onload

将li的班级更改为现役班级

[英]Change class of li to active class

基于 vue.js 中的 url 将 class 活动添加到路由器链路

[英]Add class active to router link based on url in vue.js

根据 url 将 li 设置为 active

[英]Set the li active based on the url

在滚动上更改li活动类

[英]Changing li active class on scroll

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 当时为一个锂元素设置“活动”类别根据 Angular 中的 URL 设置菜单激活 jQuery，基于data属性设置活动类如何根据其子<a>href</a>将活动的CSS类应用于li li class 活动页面设置一个 <li> 元素在加载时为“活动” 将li的班级更改为现役班级基于 vue.js 中的 url 将 class 活动添加到路由器链路根据 url 将 li 设置为 active 在滚动上更改li活动类

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM