以角度2下载画布图像

Question

我在一个小角度2应用程序中工作，我有下一个问题： 我需要客户端浏览器下载base64图像。我一直在互联网上寻找答案，但他们似乎没有工作......

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

我找到的答案之一是以上。使用带有下一个函数的链接和单击事件：

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

这不起作用，似乎在设置新的href之前执行链接。 但是在jsFiddle中工作得很好，所以我知道我做错了什么。

Answer 1

问题在于该模板中的this！

这样做：

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

在模板中使用此#语法，您将在模板中创建一个局部变量。您可以在模板上使用此变量！