首页 > 解决方案 > 如何使用 [routerLink] 导航到 html id

问题描述

我需要导航到 html id[routerLink]

博客.ts

tabsOverview: any = [
    {title: 'How to create project', url: 'create-project', id: 'create-project'},
    {title: 'How to invite collaborators', url: 'create-project', id: 'invite-collaborator'},
    {title: 'Manage subscription', url: 'create-project', id: 'manage-subscription'}
];

博客.html

<li *ngFor="let tab of tabsOverview">
   <a class="list-group-item border-0" routerLinkActive="active" [routerLink]="[tab.url]">{{tab.title}}</a>
 </li>

标签: angulartypescript

解决方案


尝试不带方括号的写法[]

<a class="list-group-item border-0" routerLinkActive="active" [routerLink]="tab.url">

推荐阅读