角 - 检测ngIf - 优文库

活动路由我想显示活动和非活动的菜单项不同的标记，这样的活动菜单项不包括a标签：角 - 检测ngIf

<li> 
    <a routerLink="/abc">Inactive</a> 
</li>  
<li>Active</li>

的routerLinkActive指令并不在这里帮助因为它只能为活动路线添加一些类别，但不能使用不同的标记。我明白，我可以注入Router到我的组件和使用这样的

<li> 
    <ng-container *ngIf="router.isActive('/abc')">Active</ng-container> 
    <a *ngIf="!router.isActive('/abc')" routerLink="/abc">Inactive</a> 
</li>

但有这种情况更好的内置解决方案？

来源

2017-05-08 Random

是否有某个特定原因要删除活动的''标签？路由器不会对点击做出反应，如果你通过css改变了活动链接的“指针”，它也不会让用户感到困惑。伊莫是最简单的方法，除非你有一个重要的理由完全删除''。 – TommyF

主要是标记要求。是的，我也在考虑使用CSS来使它看起来像非链接元素 – Random

routerLinkActive指令在这里没有帮助，因为它只能为活动路由添加一些类，但不能使用不同的标记。

那么实际上...

<input type="hidden" [routerLink]="'home'" routerLinkActive #home="routerLinkActive" /> 
<section *ngIf="home.isActive"></section>

的routerLinkActive变量绑定到一个模板变量，然后根据需要重复使用。不幸的是，唯一需要注意的是，在分析器击中<section>之前需要解析#home，因此您无法在<section>元素上使用这一切。

来源

2018-02-21 10:07:31 Zze

角 - 检测ngIf

回答

相关问题