带有变量的Angular2 routerLink片段

时间:2017-05-31 14:16:56

标签: angular angular2-routing

是否可以执行以下操作:

<ul>
    <li *ngFor="let language of languages">
        <a [routerLink]="['#' + language]">{{language}}</a>
    </li>
</ul>

<ul>
    <li *ngFor="let language of languages">
        <a fragment="language">{{language}}</a>
    </li>
</ul>

要保持相同url并添加#en#es#fr,具体取决于language的值是多少?我无法使它发挥作用。

2 个答案:

答案 0 :(得分:4)

您可以尝试这样的事情:

<ul>
<li *ngFor="let language of languages">
    <a [routerLink]="" fragment="language">{{language}}</a>
</li>

这适用于我的情况。

答案 1 :(得分:0)

<a routerLink="" fragment="section-a">Section A</a>
<a routerLink="" fragment="section-b">Section B</a>

更新1:

stackblitz的示例:

https://stackblitz.com/edit/angular-routing-section-example