天天看點

用Trigger.io改進移動Angular.js應用

<b>用Trigger.io改進移動Angular.js應用</b>

Trigger.io Forge可以讓我們使用最新、最好的Web技術來開發本地移動應用。

本文展示了開發一個簡單的Angular.js應用示例,并使用Forge子產品增強此應用,包括:

1)使用forge.prefs來增加離線能力和持久化能力

2)使用forge.topbar來增加本地topbar和動作按鈕

3)使用forge.tabbar來實作視圖間的導航

本示例是做一個TODO清單。

<b>一、建立一個Forge應用</b>

第一步是建立一個Forge應用,要確定APP可以離線運作,我們必須在本地包含angular.min.js和bootstrap.css檔案。運作代碼後可以看到上面的界面。

整個應用的結構如下:

用Trigger.io改進移動Angular.js應用

index.html的内容:

ng-app&gt;

{{remaining()}} of {{todos.length}} remaining

{{todo.text}}

繼續閱讀