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