我有一个Angular 2组件,当某些用户操作时,从数据库加载html。该html包含相对路径的锚点标签。考虑到我不希望用户单击链接时重新加载整个应用程序,我尝试使用routerLink指令;但是,由于此html是动态加载的,因此不会处理routerLink。该html不会包含任何其他angular指令。最简单的方法是什么?请参见下面的示例。
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `<h1>Hello {{name}}</h1>
<p><a (click)="GetTextFromDatabase()">Get data from database</a> which should contain a <a routerLink="/some-route">working link</a></p>
<div [innerHTML]="data"></div>
<router-outlet></router-outlet>`,
})
export class AppComponent {
name: string = 'Angular';
data: string;
private GetTextFromDatabase(): void {
this.data = '<p>here is my paragraph containing a <a routerLink="/some-route">link</a>';
}
}