将数据写入angularjs中的本地浏览器存储

Question

我正在开发AngularJS中的应用程序的前端。 输入在搜索框中给出，单击搜索按钮，我必须将数据保存在文本文件中。 （输入将是一个字符串）。 我该怎么做呢？

此外，在此操作之后，我必须查看存储在html中的文本文件中的输出。 我该怎么做呢？

Answer 1

通常，保存的数据不是针对最终用户而是针对应用程序。

文本文件似乎通常是一种简单快捷的方式（当我们谈论Web应用程序和客户端访问时，这种方式并非如此）。

在此链接的客户端存储中 ，您可以找到一些“本地存储解决方案”及其优缺点，您可以将其与基于服务器的数据库进行比较，以找到适合您应用的最佳方式。

正如其标题所述，客户端存储的好处是可以在没有互联网连接的情况下访问它。

Answer 2

仅当您可以让用户选择您需要写入的文件时，才能使用文件系统API的全部功能。 如果不是这种情况，您可以在代码中使用cookie。

saveData函数可以保存cookie中所需的任何字符串。 即使关闭浏览器（在我的示例中设置为30天），该文件也会存在。

loadData函数返回您在上一个会话中保存的数据。

如果您使用Angular，请使用Angular中的$cookies提供程序。 它以更好的方式对事物进行总结。

您将看到cookie可以做更多的事情，包括在多个文件中保存多个数据集，如果您通过Google搜索来探索更多。

function saveData(searchQuery) {

    var d = new Date();
    d.setTime(d.getTime() + (30*24*60*60*1000));
    var expires = "expires="+d.toUTCString();

    document.cookie = "mySearch=" + searchQuery + "; expires=" + expires;

};

   function loadData() {
       return document.cookie;
   }

Answer 3

看看这个链接： js-xlsx 。 另一种方法是使用angular.toJson方法，保存到json文件并根据需要访问它