用angularjs生成并下载一个包含一些数据的doc文件

pod7payv  于 2023-11-16  发布在  Angular
关注(0)|答案(1)|浏览(149)

我想从用户输入值,如姓名,地址,电话。输入值后,我想生成一个文档(MS Word文档文件),使其可用于使用angularJS点击按钮下载本地。我如何才能实现这一点?
它是可能在客户端还是应该从服务器端?

<input type='text' ng-model='user.username'/>
<input type='number' ng-model='user.phone'/>
<a href='someX.doc' download>download</a>

字符串
在我控制器中,我想生成doc文件,点击链接(下载)下载它。

1cosmwyk

1cosmwyk1#

这将工作
在HTML中添加以下行

<a download='someX.doc' ng-click="downloadMyDoc()" ng-href="{{ url }}" style="cursor: pointer">Download</a>

字符串
在angular文件中添加以下变量app=angular.module(“myApp”,[]);

app.config(['$compileProvider',
    function ($compileProvider) {
        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|file|blob):/);
    }]);

    app.controller("homeCtrl",function($scope){

        $scope.user={};
        $scope.downloadMyDoc=function(){
            alert("a");
            var user=$scope.user;

            var content = 'Username: '+user.username+'phone: '+user.phone;
            var blob = new Blob([ content ], { type : 'text/plain' });
            $scope.url = (window.URL || window.webkitURL).createObjectURL( blob );

        }       
    });

相关问题