简介
ngStorage是一个AngularJS模块，允许你在浏览器本地存储数据。因为数据是存储在本地，所以你可以在页面关闭或刷新之后，再次使用之前存储的数据。
安装
使用npm安装ngStorage：npm install ngstorage
或者，直接从CDN获取ngStorage：<script src="https://cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.11/ngStorage.min.js"></script>
使用
- 将ngStorage加入您的AngularJS模块。例如：
--- --- - ----------------------- ---------------
- 在控制器中使用ngStorage，如下所示：
------------------------ -------- -------- -------------- -
------------- - -------------------- -- ---
--------------- - -------- -- -
-------------------- - --------------
--
---在上面的代码中，$localStorage是通过ngStorage注入到控制器中的服务之一。我们将数据指派给$scope.myData对象，然后将存储在本地的数据保存到$localStorage.myData中。
- 在HTML中使用ngStorage。使用ngStorage的语法是相当简单的，如下所示：
------ ----------- --------------------------------------- --
这会将你在输入字段中输入的文本保存到localStorage中的myData.example属性中。
示例代码
--------- -----
----- ---------------
------
---------------- ------------
----- --------------- --
------- ------------------------------------------------------------------------------
------- ----------------------------------------------------------------------------------
-------
------
---- -----------------------
------ ----------- --------------------------------------- --
------- -------------------------- -------------
--- ----- --
-------------------- - ------------
------
--------
--- --- - ----------------------- ---------------
------------------------ -------- -------- -------------- -
------------- - -------------------- -- ---
--------------- - -------- -- -
-------------------- - --------------
--
---
---------
-------
-------结论
ngStorage是一个非常有用的AngularJS模块，允许你在浏览器本地存储数据。通过使用ngStorage，你可以提高你的应用程序的性能，并提供更好的用户体验。希望这篇文章能对你有所帮助，并增加对ngStorage的理解。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/185323