RouterLink内置一个转发器角2

Question

我刚开始使用Angular 2.

有一个routerLink能够通过配置提供必要的导航路线.

它工作正常,如果它完成如下所示:

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

但是在config转发器中使用它会失败,就像这样

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

我在谷歌搜索得足够多,但我找不到令人满意的答案.

任何帮助表示赞赏!

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