How to create an image button to enable file download in angular.js?

时间:2016-04-04 18:47:21

标签: angularjs downloading

I have an image shown below and I want to make it into a button where you can download files. I have seen examples on how to download such as Angularjs simple file download but this didn't work for me.

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

使用角度材质

使用md-button和md-icon
<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>