Routerlink PARAMS與指令控制它

我有以下代碼：Routerlink PARAMS與指令控制它

<a *ngIf="!menuItem.children" (mouseenter)="onHoverItem($event, item)" [routerLink]="[menuItem.url, menuItem.code]" [target]="menuItem.target" class="al-sidebar-list-link"> 
    <i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span> 
</a>

但有些環節有以下url：

http://localhost:3000/URL/undefined

因爲不是所有menuItems有code集。

所以，我要做到以下幾點在角：

如果menuItem.code設置：

<a *ngIf="!menuItem.children" (mouseenter)="onHoverItem($event, item)" [routerLink]="[menuItem.url, menuItem.code]" [target]="menuItem.target" class="al-sidebar-list-link"> 
    <i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span> 
</a>

否則：

<a *ngIf="!menuItem.children" (mouseenter)="onHoverItem($event, item)" [routerLink]="[menuItem.url]" [target]="menuItem.target" class="al-sidebar-list-link"> 
    <i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span> 
</a>

來源

2016-10-04 FacundoGFlores

什麼是你的問題？ –

你想傳遞價值嗎？ – micronyks

@AndreiZhytkevich我想獲得基於'menuItem.code'存在描述的行爲 – FacundoGFlores

<a *ngIf="!menuItem.children" 
    (mouseenter)="onHoverItem($event, item)" 

    [routerLink]="[menuItem.url, menuItem.code!=undefined?menuItem.code:'']" //<<<<<<<<<<<< here 

    [target]="menuItem.target" class="al-sidebar-list-link"> 
    <i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span> 
</a>

來源

2016-10-04 16:08:27 micronyks

Routerlink PARAMS與指令控制它

回答

相關問題