如何使用AngularJS下载文件?

时间:2014-03-06 13:39:10

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat angular-services

我想在点击它时列出<a></a>中的所有文件,我们需要从相应的文件夹下载它。

我尝试了以下代码

<div ng-repeat="file in files"> 
 <a download="{{file.name}}" href="/path of the file">{{file.name}}</a> 
</div>

我怎样才能做到这一点?

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:2)

如果你有一个你想不通过角度处理的锚标记,你需要使用target="_self"或其他一些有效目标。

See the $location documentation

这应该适合你:

<div ng-repeat="file in files"> 
 <a target="_self" download="{{file.name}}" href="/path of the file">{{file.name}}</a> 
</div>

另一种选择可能是使用文件名的完整路径,但这似乎并不适用于所有情况。

Here's a plunker示例。