Routerlinkのparams

Question

I次のコードを持っている：

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

Answer 1

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