因此,我正在使用活动路线来操作菜单:
我的菜单如下所示:
<li [class.router-link-active]="currentPath == '/link1'">
<a [routerLink]="['link1']"><span>Link 1 option</span></a>
<ul>
<li><a [routerLink]="['link1']">Link 1 option</a></li>
<li><a [routerLink]="['link2']">Link 2 option</a></li>
<li><a [routerLink]="['link3']">Link 3 option</a></li>
</ul>
</li>
主要的LI元素控制下拉菜单的样式,因此,如果单击任何菜单集合项,则需要有一个OR语句来确保正确设置了下拉菜单。
即
[class.router-link-active]="currentPath == '/link1' OR currentPath == '/link2' OR currentPath == '/link3'"
您如何在Angular2中使用OR语句?
最佳答案
您可以使用数组的indexOf方法,如下所示:
['link1','link2','link3'].indexOf(currentPath) > -1