ionic localstorage

 1 angular.module(‘locals‘,[])
 2 .factory(‘ls‘, [‘$window‘, function($window) {
 3   return {
 4     set: function(key, value) {
 5       $window.localStorage[key] = value;
 6     },
 7     get: function(key, defaultValue) {
 8       return $window.localStorage[key] || defaultValue;
 9     },
10     setObject: function(key, value) {
11       $window.localStorage[key] = JSON.stringify(value);
12     },
13     getObject: function(key) {
14       return JSON.parse($window.localStorage[key] || ‘{}‘);
15     }
16   }
17 }]);

把本地存儲定義成一個數據模型,方便下次的調用;

新建了一個 locals 模板

locals 創建了一個服務 ls

調用的時候 聲明locals模板 和注入 ls 服務

 1 angular.module(‘starter‘, [‘ionic‘,‘locals‘])
 2
 3 .run(function($ionicPlatform,ls) {
 4   $ionicPlatform.ready(function() {
 5
 6   ls.set(‘name‘, ‘test‘);
 7   console.log(ls.get(‘name‘));
 8   ls.setObject(‘info‘, {
 9     name: ‘Thoughts‘,
10     text: ‘Today was a good day‘
11   });
12
13   var infos = ls.getObject(‘info‘);
14   console.log(infos);
15
16     // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
17     // for form inputs)
18     if(window.cordova && window.cordova.plugins.Keyboard) {
19       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
20     }
21     if(window.StatusBar) {
22       StatusBar.styleDefault();
23     }
24   });
25 });
时间: 2024-08-29 05:26:54

ionic localstorage的相关文章

The Ionic Book - Part5 完善你的应用

原文地址:http://ionicframework.com/docs/guide/building.html 请尊重他人劳动成果,转载请注明出处, 谢谢 现在我们已经知道了该如何去测试我们的应用,并且我们也写好了应用的核心代码,让我们来为它添加实际的内容吧! 让我们来看看我们设计的模型: 我们可以看到中心内容和侧边菜单都含有列表.列表在Ionic中是很强大的,并且具有很多在原生应用中具有的不同的功能.幸运的是,添加他们是非常简单的. 因为我们正在使用AngularJS,我们将会使用ng-rep

使用Ionic + Apache Cordova开发跨平台混合型的移动应用

JavaScript 写多了,要想真正提高js水平,研究其他js框架源码是不错的选择.Github上大部分都是js.css相关的项目,可以有目的性的 check out 下来,研读研读,还是非常收益的,跟随nb的人,也会慢慢变的nb. 场景:有一个朋友,他公司是做移动应用开发的,3个安卓开发人员,3个 ios,然后是 java 开发,美工 ,10多个人的公司,主要是以接项目为主,一个项目(电商.微信.聊天 类型的)大概在20万左右, 差不多1个半月 做完(代码质量能不能保证,不知道,不过我觉得开

【原创】Ionic单页应用跳转外链,构造路由返回的解决办法及代码

在开发客户微信企业号的填单审批webApp的时候出现了一个问题: 单据是带有附件的,而且存在各种不同的格式,需要后台处理后给前台链接地址,点击预览,微信浏览器的特性就是只能存在一个浏览器窗口, 这导致了如果我们的webApp应用跳转到外链(比如百度,不在应用的路由中)之后,在点击微信浏览器的返回后,因为没有路由,导致的无法返回之前的路径. 解决思路: 1.在跳转外链之前,先将之前的state历史保存到localStorage   ==> 1 var storage = window. local

IONIC集成jPush极光推送

一.简介: 极光推送(JPush)是独立的第三方云推送平台,致力于为全球移动应用开发者提供专业.高效的移动消息推送服务. 极光推送,英文简称 JPush,是一个面向普通开发者开放的,免费的第三方消息推送服务. 二.官网:https://www.jiguang.cn/ 首先注册一个账号,登陆平台,在控制台添加我们的应用信息 点击提交 会成一个AppKey和Master Secret这两个密钥主要用来配置服务端发送通知使用. 三.开整 官方的栗子:https://github.com/jpush/j

Ionic app 通知在Moto 360 Watch上显示通知(2)

在前一篇文章中,我们已经将Wtach的环境测试成功,下面进入我们自己消息的接收. 1.安装JPush插件在我们的App中,这个具体步骤可以参考 Ionic 安装JPush过程 2.在App上的登录模块设置别名,因为我们的目标是,根据不同的账户发送不同的消息. .controller("LoginController",function ($scope, $state, AccountService, $rootScope, $stateParams, $ionicHistory, $i

Angularjs和Ionic框架搭建webApp

本文原创版权归 简书作者 噜啦啦噜啦啦噜啦噜啦噜 所有,转载请联系作者获得授权,并于文章开头标注原创作者及出处,以示尊重! 文/噜啦啦噜啦啦噜啦噜啦噜(简书作者)原文链接:http://www.jianshu.com/p/ea0dcf1d31c9著作权归作者所有,转载请联系作者获得授权,并标注"简书作者". AngularJS简介:AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静

ionic项目打包好Xcode工程,模拟器运行各种沙盒缓存目录

用ionic开发好的app,build好iOS端可用的Xcode工程,然后用模拟器跑起来.研究一下js写的代码做本地持久化时,不同类型的文件都放在那里了. cordova-plugin-sqliteStorage插件创建的数据库的在沙盒中文件位置,默认使用参数default. p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 } /Users/userName/Li

Mobile first! Wijmo 5 + Ionic Framework之:费用跟踪 App

?? 费用跟踪应用采用了Wijmo5和Ionic Framework创建,目的是构建一个hybird app. 我们基于<Mobile first! Wijmo 5 + Ionic Framework之:Hello World!>的环境,将在本教程中完成费用跟踪App的构建.下面的代码结构是本教程完成要达到的效果,请预先创建好文件和目录. www/ --> 工程根目录 index.html --> app 布局文件 (主HTML文件) css/ --> css 目录 js/

ionic 使用百度地图API, 定位用户当前所在的城市示例

在ionic程序中,如果需要定位用户所在的城市,可以用如下方法. 在ionic程序中,引入百度地图API.打开文件: \src\index.html. 在 head tag中,添加如下代码 , 注意将"您的密钥" 替换成 您申请的密钥 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> 我