javascript - 如何从 Angular 插值中的 html 标记获取值？

Question

我有一个带有以下标记的 Angular 应用程序:

<p>{{item.content}}</p>

显示的内容是这样的:

<p>You can find the content here <a href='javascript:;' ZID='01' TID='11' EID='21' type='link'>TEST</a> and don't forget to visit other sites.</p>

换句话说，Angular 插值的结果始终是一个字符串，其中包含单词和 <a>。具有各种属性的标签。

由于这是一个 Angular(和 Cordova，但在本文中无关紧要)应用程序，我真正需要做的是使用 routerLink像这样:

<p [routerLink]="['/01/11/21']">You can find the content here <a href='javascript:;' ZID='01' TID='11' EID='21' type='link'>TEST</a> and don't forget to visit other sites.</p>

问题是:如何从 ZID 中获取值？ , TID , 和 EID Angular 插值的属性 {{item.content}}并将它们插入 routerLink ？

Answer 1

可以通过getAttribute获取值

var x = document.getElementsByTagName("a")[0].getAttribute("ZID");