2016-05-22 16 views
0

所以我用積極的路線,以工作來操作菜單:Angular2 - 如何使用OR語句?

我的菜單如下:

<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?

回答

1

可以使用數組的indexOf方法是這樣的:

['link1','link2','link3'].indexOf(currentPath) > -1 
+0

不錯的解決方案。謝謝。 – HappyCoder

1

JavaScript的運營商 「或」 ||

currentPath == '/link1' || currentPath == '/link2' || currentPath == '/link3' 
+0

這出於某種原因不能正常工作。 – HappyCoder