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

我有一个带有以下标记的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>

换句话说，角度插值的结果始终是一个字符串，其中的单词与带有各种属性的“ 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>

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

最佳答案

您可以通过getAttribute获得价值

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