Hybrid Apps開發系列之4.2：多頁面App程式重構

前一篇文章（Hybrid Apps開發系列之4.1：多頁面App製作與頁籤(Tabs)簡介）製作多頁面apps時，是以<script>將所有頁面全部寫在index.html檔裡。但當apps的頁面數量增加，此種管理頁面的方式便需要做改變。此外，由於Ionic/AngularJS使用MVC (Model-View-Controller，另一說是MVVM-Model View Viewmodel) 設計模式，因此最好也將Controller與app.js分開。圖1與圖2說明重構程式的七個步驟。

圖1.重構程式步驟1~3