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

Question

我有一些图书馆，要求我在图片中添加以下标记：

data-zoom-image

当我将其添加到我的图片时：

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

这引起了我的错误：

  

无法绑定到缩放图像＆＃39;因为它不是一个已知的原生财产

我该如何解决这个问题？

更确切地说：我想要使用的库是ElevateZoom

Answer 1

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

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

官方文档： - https://angular.io/docs/ts/latest/guide/cheatsheet.html