Angularjs:创建和下载html文件

时间:2016-03-10 16:23:11

标签: javascript html angularjs file download

我需要创建一个带有表的html文件并将其下载为xls文件。现在我们有一个指令,它接受一个表并按要求下载它,遗憾的是这个新页面有分页,我们只接受服务器显示的数据,因此我们的指令不起作用。 所以现在我正在尝试从头开始创建一个HTML文档,并在单击按钮时下载它。 我的代码是:

       var doc = document.implementation.createHTMLDocument("NuevoDocumento");
       var p = doc.createElement("p");
       p.innerHTML = "Prueba.";

这很简单,但我想在设计最终的html之前检查一切是否正常。 这似乎正确地创建了html代码,但我不知道如何将其作为文件下载。

另外,我不确定这是最好的方法,所以欢迎任何建议。

谢谢,

伊克尔

1 个答案:

答案 0 :(得分:0)

基本思想是在您单击以下载文件的链接上设置download属性。文件内容可以设置为href属性值,作为data:网址。

我在Plunker上设置了一个工作示例:http://plnkr.co/edit/qDPFEoh00E08p11qGox6?p=preview

请注意,我只是在Chrome中对此进行了测试。