angular - routerLinkActive 和 routerLinkActiveOptions 可以放在父元素上吗?
问题描述
可能是我忘记了一些明显的事情,或者我可能错过了改变......
我认为曾经可以在all 的父元素上而不是在每个单独的元素上指定[routerLinkActiveOptions]
和class。事实上,该指令收集了所有routeLinkActive
[routerLink]
ContentChildren
<!-- this won't work -->
<nav routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" >
<a routerLink="/">Home</a>
<a routerLink="/products">Products</a>
<a routerLink="/customers">Customers</a>
</nav>
<!-- this will -->
<nav>
<a routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" routerLink="/">Home</a>
<a routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" routerLink="/products">Products</a>
<a routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" routerLink="/customers">Customers</a>
</nav>
<router-outlet></router-outlet>
这似乎有点冗长。如果您没有从循环中填充链接,是否有更清洁的方法?
(角度 v12.2.x)
解决方案
推荐阅读
- android - 如何查看 Android 支持库的源代码?
- hive - 在 HiveSQL 中转义单引号
- javascript - 从外部 javascript 文件设置 vue 组件数据
- php - RouteCollection.php 第 207 行 Laravel 中的 MethodNotAllowedHttpException
- ios - iOS - 无法将“Double”类型的值分配给“Float”类型
- jquery - 当我单击时,我想在我选择的框中显示箭头旋转 180 度
- javascript - 单击功能适用于具有相同类的所有元素
- git - 每次提交的 SHA1 哈希
- ruby-on-rails - Rails 主动存储 has_many_attachments 允许参数问题
- java - RecyclerView ViewHolder 中的 findViewById 抛出 NullPointerExcpetion