[AngularJS] Using the LocalForage library for offline storage with Angular

The angular-localforage library makes simple offline storage easy.

 

Once you refresh page, the content use put into localforage still exists.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body id="container" class="container">
<div local-forage="user"></div>

First Name:
<input class="form-control" ng-model="user.firstName">
Last Name:
<input class="form-control" ng-model="user.lastName">

<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/localforage/dist/localforage.min.js"></script>
<script src="bower_components/angular-localforage/dist/angular-localForage.min.js"></script>
<script src="main.js"></script>
</body>
</html>

 

/**
 * Created by Answer1215 on 10/13/2014.
 */
var app = angular.module("app", ["LocalForageModule"]);

angular.bootstrap(document.getElementById('container'), ["app"]);

 

posted @ 2014-10-13 17:09  Zhentiw  阅读(370)  评论(0)    收藏  举报