如何在Angular2中使用jquery html属性？

我有一些库，需要我将以下标记添加到图像中：

data-zoom-image

<img class="larger-picture" [src]="'images/'+item.picture" align="middle" data-zoom-image="'images/'+item.picture"/>

当我将此添加到图像中时：

data-zoom-image

<img class="larger-picture" [src]="'images/'+item.picture" align="middle" data-zoom-image="'images/'+item.picture"/>

这让我犯了一个错误：

无法绑定到“缩放图像”，因为它不是已知的本机属性

我怎样才能解决这个问题

---

更准确地说：我要使用的库是

您需要使用[attr.xxx]语法将属性绑定到HTML控件，如下所示

<img class="larger-picture" [src]="'images/'+item.picture" align="middle" 
[attr.data-zoom-image]="'images/'+item.picture"/>

---

官方文档：-

您需要使用[attr.xxx]语法将属性绑定到HTML控件，如下所示

<img class="larger-picture" [src]="'images/'+item.picture" align="middle" 
[attr.data-zoom-image]="'images/'+item.picture"/>

官方文件：-