Routerlink PARAMS

Question

나는 다음과 같은 코드가 있습니다

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