generate and make downloadable a doc file with some data in angularjs

Question

I want to take input values from user like name, address, phone. After entering values I want to generate a doc (ms word doc file), make it available to be downloaded locally on button click using angularjs. How can I achieve this?

Is it possible at client side or it should be from server side?

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

in my controller, I want to generate doc file, download it on click of link (download).

possible duplicate of Using JavaScript to “Create” a Microsoft Word Document — Sampgun
– Sampgun, Commented Jun 30, 2017 at 13:10

Dipak Mahatara · Accepted Answer · 2019-08-12 17:54:07Z

This will work

In your HTML add the following Line

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

In your angular file add the following var 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 );

        }       
    });

Collectives™ on Stack Overflow

generate and make downloadable a doc file with some data in angularjs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related