[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 阅读(364) 评论(0) 编辑收藏举报

刷新页面返回顶部

（评论功能已被禁用）

公告

昵称： Zhentiw
园龄： 13年2个月
粉丝： 41
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

Answer1215

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

公告

常用链接

最新随笔

积分与排名

随笔分类

随笔档案

阅读排行榜

评论排行榜