ボタンをクリックしたときにアセットフォルダからファイルをダウンロードする

Question

Angular2プロジェクトに取り組んでいます。assetsフォルダーにファイルがあり、アプリの実行中にファイルをダウンロードするためのボタンを作成しました。

上記の問題にはかなり多くの解決策があるため、混乱しました。手伝ってくれませんか。

<button pButton type="button" (click)="f1()" label="Download Sample Defaults 
XML File"></button>

上記のボタンをクリックしたときにファイルをダウンロードフォルダーにダウンロードするのに役立つf1（）のコードが必要です。感謝してください。ありがとう

Answer 1

あなたはこの解決策を試すことができます

tsファイルコード

downloadFile(){
        let link = document.createElement("a");
        link.download = "filename";
        link.href = "assets/images/user-image.png";
        link.click();
}

htmlファイルコード

<button (click)="downloadFile()">Download</button>