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而不''和{{}}

＆＃13;

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

＆＃13;

如果要连接routerLink

你可以做到

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

RouterLink内置一个转发器角2

1 个答案: