Загрузка изображения холста в угловой 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> 

С этим # синтаксисом в шаблоне, вы будете создавать локальную переменную внутри шаблона. Вы можете использовать эту переменную по всему шаблону!