RouterLink內置一個轉發器角2

Question

有一個routerLink ，可以使用config提供必要的導航路徑。

它工作正常，如果它完成如下所示：

 <ul class="nav"> <li class="nav-item"> <a class="nav-link" href="#" [routerLink]="['/home']">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#" [routerLink]="['/about']">About</a> </li> </ul> 

但是在*ngFor轉發器中使用它會失敗，就像這樣

 <ul class="nav"> <li class="nav-item" *ngFor="let item of menu"> <a class="nav-link" href="#" [routerLink]="['{{item.link}}']">{{item.name}}</a> </li> </ul> 

我在Google上搜索得足夠多，但我找不到令人滿意的答案。

任何幫助表示贊賞

Answer 1

你不需要'{{item.link}}'

僅使用item.link而不使用''和{{}}

 <ul class="nav"> <li class="nav-item" *ngFor="let item of menu"> <a class="nav-link" href="#" [routerLink]="[item.link]">{{item.name}}</a> </li> </ul> 

如果要連接routerLink

你可以做

[routerLink]="['./page/' + item.id]"