<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檔案。運作代碼後可以看到上面的界面。
整個應用的結構如下:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauczYyE2M1gzMlRmMyIDZmdzN3UDO4QWNmhzMmZDZ2EWMfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.jpg)
index.html的内容:
ng-app>
{{remaining()}} of {{todos.length}} remaining
{{todo.text}}