Ionic 2 自带了native storage的库，但ionic 1并没有，所以本文主要讨论如何在ionic 1 的项目中添加native storage的支持，以实现native的持久化存储方案。
cordova plugin add https://github.com/TheCocoaProject/cordova-plugin-nativestorage
若看到以下输出，表示安装成功。其实原本cordova的命令是可以直接通过插件名安装的，但我的尝试显示cordova的repo应该是被和谐了，所以只能通过上面这种直接指定git repo的方式安装。
Fetching plugin "https://github.com/TheCocoaProject/cordova-plugin-nativestorage" via git clone
Installing "cordova-plugin-nativestorage" for android
Installing "cordova-plugin-nativestorage" for ios
bower install git://github.com/TheCocoaProject/ngcordova-wrapper-nativestorage --save-dev
<script src="lib/ngcordova-wrapper-nativestorage/dist/ngcordova-wrapper-nativestorage.min.js"></script>
angular.module('app', [
'ionic',
'ngCordova',
'ngCordova.plugins.nativeStorage', // THIS IS WHAT WE NEED REALLY !
'app.controllers',
'app.routes',
'app.directives',
'app.services',
'ionic.cloud',
'ionic.cloud.init',
])
body标签中的ng-app指令去除:
<body ng-app="app"> 变成 <body><script>
angular.element(document).ready(function () {
if (window.cordova) {
console.log("Running in Cordova, will bootstrap AngularJS once 'deviceready' event fires.");
document.addEventListener('deviceready', function () {
console.log("Deviceready event has fired, bootstrapping AngularJS.");
angular.bootstrap(document.body, ['app']);
}, false);
} else {
console.log("Running in browser, bootstrapping AngularJS now.");
angular.bootstrap(document.body, ['app']);
}
});
</script>
在serve或run android命令后加上--livereload --consolelogs选项就可以看到APP启动时的日志。
ionic serve --livereload --consolelogs
一个todo的APP，用ionic creator做的界面，然后export，再加上native storage支持： C-Todo App