如何使用[routerLink]导航到html id

Question

我需要使用[routerLink]导航到html ID

blog.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'}
];

blog.html ：

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

Answer 1

尝试这样写而没有方括号[]：

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

Answer 2

从[]中删除tab.url。

就是这个[routerLink]="tab.url"。

说明：当您在[]中编写内容时，Angular需要输入，而您使用该代码提供的输入是数组。问题是routerlink需要一个字符串。