HTML链接到Angular应用程序中的路由

Question

如何（重新）格式化外部html文件中的链接，该文件针对Angular应用中的“工作”中的不同路由，而不会在单击时重新加载应用。外部html文件被加载到一个视图中，并包含<a href="/persons/:id">形式的链接到其他视图。

...编辑 对不起，但我的描述很差。外部html文件包含文本和链接。作为简化版本：

<p>... blah blah blah.</p><p>Enter your survey data into <a href="/persons">the form</a> and click the 'Analyze' button</p><p>... blah blah blah.</p>

如何正确地格式化文本所包含的这些链接，以便在单击时不会重新加载应用程序？

Answer 1

请参阅angular ... https://angular.io/guide/router

中的文档/教程

<a routerLink="/crisis-center" routerLinkActive="active">Crisis Center</a>

Answer 2

使用routerLink指令

<a [routerLink]="'/persons/' + id"

或

<a *ngFor="let url in links" [routerLink]="url" 

需要准备数组url中的links，以便:id替换为实际的id。 这也可以在绑定中解决，但是为此需要有关数据结构的更多信息。