router 링크가 작동하지 않습니다.

Question

3 일부터이 달콤한 문제에 직면했습니다. 이 단일 HTML 코드로 시작해 보겠습니다.

<mat-list-item *ngFor="let setting of SideBarLinks" 
        [ngStyle]="{'display': setting['_value'] === true ? 'block':'none'}" routerLink="[{{setting.link}}]"> 
     <mat-icon mat-list-icon>{{setting['icon']}}</mat-icon> 
     {{setting.name}} 
</mat-list-item> 

문제는 내가 클릭 할 때 아무 것도 만들지 않는다는 것입니다. 응용 프로그램에 연결된 별도의 JSON을 사용하여 사이드 바에서 목록을 자동화하려고했습니다. AngularX을 약 1 년 동안 사용하고 있으며 routerLink 지시문이 존재하는 모든 구성 요소에서 작동하지 않는다는 것을 알고 있습니다. 내가합니다 (* ngFor없이) 단일 구성 요소로 사용할 때

다음

는

Answer 1

올바른 구문 같은 :

[routerLink]="[setting.link]"> 

[]는 값을 의미하고 {{}} 구문을 사용하여 동적으로 만들 수 있습니다. 대괄호는 표현식을 의미합니다. routerLink 배열 구문을 사용하기 때문에 필요하다고 가정하고 있습니다. 즉식이 필요합니다.

Answer 2

이 호출 다음 방법을

getRouerLink(link) { 
    return [link]; 
} 

을 만드는 시도하고 이해하는 데 도움이 될 수 image입니다 당신의 *에서 ngFor routerLink = "getRouterLink(setting.link)"