使用 ngFor 插值将 Angular JS 转换为 Angular

Question

我正在努力将 Angular JS 应用程序转换为 Angular，但我被困在一个地方。我在 html 中有一个旧的 ng-repeat 循环，它在 JS 中有效，但不再有效。它旨在在页面上导航到带有 id 标记的部分。

旧

    <ul >
        <li ng-repeat="tag in vm.tags">
            <a href="#{{tag.id}}" ng-click="vm.highlightSection(tag.id)">{{tag.display}}</a>
        </li>
    </ul>

新

    <ul>
        <li *ngFor="let tag of (noteItem$ | async)?.tags">
          <a (click)="vm.highlightSection(tag.id)">{{tag.display}}</a>
        </li>
    </ul>

插值抓取tag.display就好了。但是 vm.highlightSection(tag.id) 没有在页面内导航到请求的标签 ID。我该怎么做才能让导航链接引用我的标签 ID 并在那里导航？

谢谢

Answer 1

您的导航在此处处理：<a href="#{{tag.id}}" 当您想使用路由器进行导航时，它会是这样的：<a [routerLink]="['#', tag.id] ... />"

在此处查找更多信息：https://angular.io/api/router/RouterLink