javascript - 中继器 Angular 2 内的 RouterLink

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