大佬教程收集整理的这篇文章主要介绍了javascript – 指令创建一个[下载]按钮,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
var a = document.createElement('a'); a.download = "backup.json"; a.href = url; a.textContent = "Download backup.json"; document.getElementById('content').appendChild(a);
我试图创建一个angularjs指令,以便它调用一个方法来获取数据.沿这条线.
module.directive('myDownload',function ($compile) { return { restrict:'E',scope:{ getData:'&getData'},link:function (scope,elm,attrs) { elm.append($compile( '<a class="btn" download="backup.json"' + 'href=' + scope.getData() + '>' + 'Download' + '</a>' )(scope)); } }; });
这不行.如何使linked fiddle成为指令?
这是指令码:
module.directive('myDownload',function ($compile) { return { restrict:'E',scope:{ getUrlData:'&getData'},attrs) { var url = URL.createObjectURL(scope.getUrlData()); elm.append($compile( '<a class="btn" download="backup.json"' + 'href="' + url + '">' + 'Download' + '</a>' )(scope)); } }; });
控制器:
module.controller('MyCtrl',function ($scope){ var data = {a:1,b:2,c:3}; var json = JSON.stringify(data); $scope.getBlob = function(){ return new Blob([json],{type: "application/json"}); } });
以上是大佬教程为你收集整理的javascript – 指令创建一个[下载]按钮全部内容,希望文章能够帮你解决javascript – 指令创建一个[下载]按钮所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。