Herunterladen Leinwand Bild in eckigen 2

Question

Ich arbeite in einer kleinen eckigen 2 App und ich habe das nächste Problem: Ich brauche den Client-Browser, um ein Base64-Image herunterladen. Ich habe für eine Antwort im Internet gesucht, aber nicht von ihnen scheint ... i die oben ist gefunden

<a href="#" target="_blank" (click)="download(this)" download="{{image.name}}.jpg"> 
    <p>download</p> 
</a> 

Eine der Antworten zu arbeiten. einen Link und ein Click-Ereignis mit der nächsten Funktion:

download(element){ 
    element.href = BASE64 JPEG IMAGE FROM CANVAS; 
    return; 
} 

Dies funktioniert nicht, scheint, wie der Link, bevor die neue href ausgeführt wird eingestellt. Aber in der jsFiddle funktioniert gut, also weiß ich, dass ich etwas falsch mache.

Answer 1

Das Problem ist Ihre this innerhalb dieser Vorlage!

Machen Sie es wie folgt aus:

<a href="#" target="_blank" #downloadLink (click)="download(downloadLink)" download="{{image.name}}.jpg"> 
    <p>download</p> 
</a> 

Mit dieser # Syntax in Ihrer Vorlage, erhalten Sie eine lokale Variable in Ihrer Vorlage wird erstellen. Sie können diese Variable überall in der Vorlage verwenden!