ngStorage 使用教程

ngStorage 使用教程

ngStoragelocalStorage and sessionStorage done right for AngularJS.项目地址:https://gitcode.com/gh_mirrors/ng/ngStorage

1. 项目的目录结构及介绍

ngStorage 是一个用于 AngularJS 的本地存储模块，它允许开发者方便地在浏览器中使用 localStorage 和 sessionStorage。以下是 ngStorage 项目的目录结构及其介绍：

ngStorage/
├── LICENSE
├── README.md
├── bower.json
├── demo/
│   ├── index.html
│   └── script.js
├── dist/
│   ├── ngStorage.js
│   └── ngStorage.min.js
├── gulpfile.js
├── karma.conf.js
├── package.json
└── src/
    └── ngStorage.js

• LICENSE: 项目的许可证文件。
• README.md: 项目的说明文档。
• bower.json: Bower 包管理器的配置文件。
• demo/: 包含示例代码和演示页面。
  • index.html: 演示页面的 HTML 文件。
  • script.js: 演示页面的 JavaScript 文件。
• dist/: 包含编译后的文件。
  • ngStorage.js: 未压缩的源代码。
  • ngStorage.min.js: 压缩后的源代码。
• gulpfile.js: Gulp 构建工具的配置文件。
• karma.conf.js: Karma 测试运行器的配置文件。
• package.json: npm 包管理器的配置文件。
• src/: 源代码目录。
  • ngStorage.js: 主要的源代码文件。

2. 项目的启动文件介绍

ngStorage 项目的启动文件是 src/ngStorage.js。这个文件包含了 ngStorage 模块的全部代码。以下是该文件的主要内容：

angular.module('ngStorage', [])
.factory('$localStorage', ['$window', function($window) {
    return $window.localStorage;
}])
.factory('$sessionStorage', ['$window', function($window) {
    return $window.sessionStorage;
}]);

• angular.module('ngStorage', []): 定义了一个名为 ngStorage 的 AngularJS 模块。
• .factory('$localStorage', ['$window', function($window) { ... }]): 定义了一个名为 $localStorage 的服务，该服务返回浏览器的 localStorage 对象。
• .factory('$sessionStorage', ['$window', function($window) { ... }]): 定义了一个名为 $sessionStorage 的服务，该服务返回浏览器的 sessionStorage 对象。

3. 项目的配置文件介绍

ngStorage 项目的配置文件主要包括 bower.json 和 package.json。

bower.json

{
  "name": "ngstorage",
  "version": "0.3.11",
  "description": "localStorage and sessionStorage for AngularJS done right",
  "main": "dist/ngStorage.js",
  "authors": [
    "G. Kay Lee <balancetraveller+github@gmail.com>"
  ],
  "license": "MIT",
  "keywords": [
    "angular",
    "localStorage",
    "sessionStorage"
  ],
  "homepage": "https://github.com/gsklee/ngStorage",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

• name: 项目的名称。
• version: 项目的版本号。
• description: 项目的描述。
• main: 项目的主文件路径。
• authors: 项目的作者。
• license: 项目的许可证。
• keywords: 项目的关键词。
• homepage: 项目的官方网站。
• ignore: 需要忽略的文件和目录。

package.json

{
  "name": "ngstorage",
  "version": "0.3.11",
  "description": "localStorage and sessionStorage for AngularJS done right",
  "main": "dist/ngStorage.js",
  "scripts": {
    "test": "karma start karma.conf.js"
  },
  "repository": {
    "type": "git",
    "url": "git://github.com/gsklee/ngStorage.git"
  },
 

ngStoragelocalStorage and sessionStorage done right for AngularJS.项目地址:https://gitcode.com/gh_mirrors/ng/ngStorage