Angular JS преобразование в Angular с ng для интерполяции - PullRequest
Новая
       8

Angular JS преобразование в Angular с ng для интерполяции

0 голосов
/ 06 февраля 2020

Я работаю над преобразованием приложения Angular JS в Angular, и я застрял на одном месте. У меня есть старый ng-repeat l oop с интерполяцией в html, который работал в JS, но больше не работал. Он предназначен для перехода на страницу к разделам, отмеченным идентификаторами.

OLD 

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

NEW 

    <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) не перемещается по странице к запрошенному идентификатору тега. Что я могу сделать, чтобы получить навигационную ссылку для ссылки на мой идентификатор тега и навигации по ней?

Спасибо

1 Ответ

0 голосов
/ 06 февраля 2020

Ваша навигация обрабатывается здесь: <a href="#{{tag.id}}", если вы хотите перемещаться по маршрутизатору, это будет выглядеть примерно так: <a [routerLink]="['#', tag.id] ... />"

Найдите дополнительную информацию здесь: https://angular.io/api/router/RouterLink

...