在离子框架中保存和加载应用程序

Posted

技术标签:

【中文标题】在离子框架中保存和加载应用程序【英文标题】:Save and load app in ionic framework 【发布时间】:2015-10-14 12:40:27 【问题描述】:

如何在关闭应用程序后保存它的设置并在我在 ionic 框架中再次打开它时加载此保存,例如:保存复选框并列出然后再次加载它们 请帮帮我

【问题讨论】:

【参考方案1】:

将此服务添加到您的应用服务中

angular.module('ionic.utils', [])

.factory('$localstorage', ['$window', function($window) 
  return 
    set: function(key, value) 
      $window.localStorage[key] = value;
    ,
    get: function(key, defaultValue) 
      return $window.localStorage[key] || defaultValue;
    ,
    setObject: function(key, value) 
      $window.localStorage[key] = JSON.stringify(value);
    ,
    getObject: function(key) 
      return JSON.parse($window.localStorage[key] || '');
    
  
]);

要使用此服务,只需将$localstorage 服务注入控制器或运行函数:

angular.module('app', ['ionic', 'ionic.utils'])

.run(function($localstorage) 

  $localstorage.set('name', 'Max');
  console.log($localstorage.get('name'));
  $localstorage.setObject('post', 
    name: 'Thoughts',
    text: 'Today was a good day'
  );

  var post = $localstorage.getObject('post');
  console.log(post);
);

就是这样,现在您保存的所有内容都会在您重新打开应用时出现

来源和更多here

【讨论】:

以上是关于在离子框架中保存和加载应用程序的主要内容,如果未能解决你的问题,请参考以下文章

离子框架和角度 ui 日历问题?

离子框架中的陷阱锚 HREF

页面加载时调用的离子无限滚动功能

离子框架:“离子资源”生成没有图标和启动图像的空目录

离子框架中的移动应用程序

使用带有离子和电容器的 https 加载 webview