如何创建一个图像按钮以在 angular.js 中启用文件下载？

【问题标题】：How to create an image button to enable file download in angular.js?如何创建一个图像按钮以在 angular.js 中启用文件下载？
【发布时间】：2017-05-19 20:02:46
【问题描述】：

我有一张如下所示的图片，我想将其做成一个按钮，您可以在其中下载文件。我已经看过有关如何下载的示例，例如Angularjs simple file download 但这对我不起作用。

<li ng-init="imgsrc_local='../img/local.png'"></li>

【问题讨论】：

标签： angularjs download

【解决方案1】：

尝试使用按钮标签和带有 ng-src 的 img 指向您的图像路径，如下所示：

<button><img ng-src="../img/local.png"/></button>

【讨论】：

【解决方案2】：

使用角度材质的 md 按钮和 md 图标

<md-button class="md-fab">
    <md-icon md-svg-src="path"></md-icon>
</md-button>

要使用它，您必须将 angular_material.js 脚本添加到您的 html 您可以使用 bower 命令安装它

bower install angular-material

然后将其添加到您的 html 文件中

<script src="bower_components/angular-material/angular-material.js"></script>

【讨论】：