Question

我想使用angular js下载文件... 我有一个链接 [它有使用Plunker下载文件的代码] [1 [1]：Download a file with AngularJS angularjs / 28873580＃comment46050222_28873580

当我试图下载它时说服务器没找到...所以我提供了另一个链接下载它，然后它说下载失败..没有文件那里但文件在那里..

我做错了什么!!!!!控制器

 var app = angular.module('plunker', []);
 app.controller('MainCtrl', function($scope) {
 $scope.fileHref = 'http://en.unesco.org/inclusivepolicylab/sites/default/files/dummy-pdf_2.pdf';
 });

前视图

 <head>
 <meta charset="utf-8" />
 <title>AngularJS Plunker</title>
 <script>
 document.write('<base href="' + document.location + '" />');
 </script>
 <link rel="stylesheet" href="style.css" />
 <script data-require="angular.js@1.3.x" 
 src="https://code.angularjs.org/1.3.14/angular.js" data-semver="1.3.14">
 </script>
 <script src="app.js"></script>
 </head>

<body ng-controller="MainCtrl">
<a ng-href="fileHref" download="yourFilename">Download</a>
</body>
</html>

Answer 1

这个最简单的角度页面可以帮到你，

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    </head>
    <body ng-app="test" ng-controller="myCtrl">
       <a ng-href="{{fileHref}}" >My PDF</a>

        <script>

            angular.module('test',[]).controller('myCtrl', function($scope) {
                $scope.fileHref = 'https://en.unesco.org/inclusivepolicylab/sites/default/files/dummy-pdf_2.pdf';
            });


        </script>

    </body>
</html>

使用angular js下载文件

1 个答案: