angular 使用附加参数动态添加标签超链接

angular adding a tag hyperlink dinamically with additional parameters

我在 angular 中有一些字符串变量,我将其分配给 html,然后将其放入模板

varString = "<a [routerLink]="[]" class="some class" >test</a>"

然后用这个变量分配模板 div。 这将创建带有 class "some class" 的 hyperlink 标签 但是现在我想给它添加一些额外的参数,例如 id.

varString = "<a [routerLink]="[]" class="some class" id="123">test</a>"

与 this.But 不幸的是,它生成相同的 hyperlink 而没有附加参数。 我尝试了不同的方法,但没有向标签添加其他参数。这是因为 angular 吗?如果我直接在模板 html 页面中写它,一切都很好。

这是 stackblitz link https://stackblitz.com/edit/angular-ivy-xhpoxe 请在创建后检查元素,您可以看到它只需要 class 个参数

很高兴,因为 angular 为 content security reasons. You need to use DomSanitizer 自行清理您的字符串,并说 angular 您的内容是安全的。

Stackblitz