使Angular JS脱机工作

使Angular JS脱机工作

为了使您的应用程序 脱机 工作，您必须使用 html5缓存清单 来缓存每个文件。甚至.html文件，图像，CSS等等…

本地 “旧”缓存 在这里 无法使用 ，因为它仍然需要 与服务器 进行 通信 才能获得“ 304 Not Modified”
http代码。

清单删除了此步骤， 甚至不向 服务器请求资源。

一个示例清单：

CACHE MANIFEST/angular.js/index.html/page/home.html/page/profile.htmlNETWORK: *

如何 包括 和 使用
缓存清单检查：http :
//www.w3schools.com/html/html5_app_cache.asp

用于调试：

*在chrome下 *清除应用程序缓存 ，输入网址“ chrome：// appcache-internals /”

---

编辑 ：由于评论和主题

您可以将它们包含在index.html中，而不是将html代码放置在许多自己的html文件中：

<script type="text/ng-template" id="one.html">     <div>This is first template</div></script>

那么您

templateURL

就是没有子路径的“ one.html”。

检查文档：https :
//docs.angularjs.org/api/ng/directive/script

暗示：

您无需在此处放置任何路径。在呈现阶段，angularjs会将每个html文件存储在这些脚本元素

$templateCache

下的html文件中

id

。