下载角度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> 

随着模板这里面#语法，您将创建模板内的局部变量。你可以在模板中使用这个变量！