ngstorage - meetbill/butterfly-fe GitHub Wiki

ngStorage

• 1 ngStorage 使用
• 2 持久化信息

1 ngStorage 使用

• 原生 window 对象中的 localstorage
• Difference between ngStorage and $window.localStorage
• Angular 页面传参
• ngStorage 库

ngStorage 是 angularJS 的一个模块，包括 $localStorage 和 $sessionStorage 两个服务。 用法：

• 1.加载 js 文件，ngStorage.min.js;
• 2.依赖注入 angular.module('app',['ngStorage'])
• 3.使用 $localStorage、$sessionStorage 方法。

2 持久化信息

$localStorage.settings

文件：static/js/main.js
用途：持久化主题模板信息

$localStorage.settings = $scope.app.settings;
// config
$scope.app = {
    //name: 'Angulr UI',
    name: 'Pine',
    version: '2.2.2',
    // for chart colors
    color: {
        primary: '#7266ba',
        info:    '#23b7e5',
        success: '#27c24c',
        warning: '#fad733',
        danger:  '#f05050',
        light:   '#e8eff0',
        dark:    '#3a3f51',
        black:   '#1c2b36'
    },
    settings: {
        themeID: 1,
        navbarHeaderColor: 'bg-black',
        navbarCollapseColor: 'bg-white-only',
        asideColor: 'bg-black',
        headerFixed: true,
        asideFixed: false,
        asideFolded: false,
        asideDock: false,
        container: false
    }
}

$localStorage.jwt

文件：static/js/config.js
用途：持久化用户 jwt token