Wie verwendet man jQuery HTML-Attribute mit Angular2?

Question

Ich habe einige Bibliothek, die mich erfordert den folgenden Tag zu meinem Bild hinzuzufügen:

data-zoom-image 

Wenn ich, diese zu meiner Bild:

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

Welche mir einen Fehler von Würfen:

nicht zu ‚Zoom-Bild‘ binden kann, da es keine bekannte einheimische Eigenschaft

ist

Wie kann ich das beheben?

Um genauer zu sein: die Bibliothek, die ich ist ElevateZoom

Answer 1

Sie müssen verwenden möchten [attr.xxx] Syntax verwenden Attribute HTML-Steuerelemente zu binden, wie hier gezeigt.

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

Offizielle Dokumente: - https://angular.io/docs/ts/latest/guide/cheatsheet.html