我想将特殊的CSS样式属性应用于活动路由器链接:
<a [routerLink]='link'>{{name}}</a>
这是我到目前为止尝试的(使用默认的router-link-active类):
.router-link-active {
color: #000;
font-weight: bold;
}
它不起作用,我真的不明白为什么.
解决方法:
目前Angular 2有一个built in attribute,你可以在任何与[routerLink]一起使用的链接上使用它是routerLinkActive所以你需要做的就是:
<a [routerLink]='link' routerLinkActive="router-link-active">{{name}}</a>
然后它将识别哪条路由是当前活动路由并应用您的router-link-active类.
注意:
对于那些在标签以外的标签上使用routerLink的人(我个人在按钮上使用它),routerLinkActive不起作用但应该在下一个版本的路由器上工作 – https://github.com/angular/angular/issues/9755
原文地址:https://codeday.me/bug/20190713/1449151.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。