Page 422 - AngularJS权威教程

402 第 31 章 构建 Angular Chrome 应用

31.2 构建你的 Chrome 应用

①
这一节将使用Angular创建一个高级Chrome应用程序。创建一个由Rainfall 团队创建的非常
出色的Chrome Web应用Currently的克隆版，如图31-1所示。

图31-1 Currently

接下来构建一个叫做Presently的克隆版。

Presently架构

在构建Presently时，需要考虑应用程序的架构。这样做可以在开始编写代码时就深刻理解该
如何构建这个应用。

和Currently一样，Presently也是一个“newtab”应用，这意味着它会在每次打开一个新的标
签页时启动。

Presently有两个主要界面：
 主界面
这个界面显示当前时间和天气。它还会在天气旁边显示一些天气图标。

 设置界面

这个界面允许用户改变应用的地理位置。
为了支持主界面，需要能够显示正确的日期和时间，以及从远程API服务中获取天气数据。

为了支持设置界面，我们需要整合远程API服务，以便使输入框可以自动提示可能的城市。
最后，我们将会使用基本的本地存储功能（session存储）保存整个应用的设置。

31.3 搭建框架

我们将会设置一个像这样的文件结构来构建这个应用，如图31-2所示。

——————————
① http://blog.rainfalldesign.com/