アンバサダー2のキャンバスイメージをダウンロード

Question

私は小さい角度の2つのアプリで働いています。次の問題が発生しています： Base64イメージをダウンロードするにはクライアントブラウザーが必要です。 ...私は上記で見つかった回答の

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

一つを私は答えのためのインターネット上で見てきたが、それらの非が動作しているようです。次の機能とのリンクやクリックイベントの使用：新しいHREFが設定される前に、リンクが実行されるように

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

これが動作しない、と思われます。 しかし、jsFiddleではうまく働くので、私は何か間違っていると知っています。

Answer 1

問題はあなたのthisそのテンプレートの中にあります！

はこのようにそれを実行します：テンプレート内でこの#構文で

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

、あなたのテンプレートの内部でローカル変数を作成します。テンプレート全体にこの変数を使用することができます！