Ionic apps透過angular.module().config()設定每個頁面組態，以'templateUrl'指定頁面HTML檔所在，以'controller'指定該頁面對應的controller，例如下列程式碼便設定了'home' state的url、html檔所在位置、以及controller名稱：
//...
$stateProvider.state('home', {
url: '/home',
templateUrl: 'templates/home.html',
controller: 'HomeCtrl'
})
//...
然而，當要在頁面顯示一些動態資料－例如從資料庫讀取出來的內容、或是處理表單輸入的內容等動作時，還必須要靠「資料繫結」(data binding) 的輔助，才能更容易的達成目的。因此，AngularJS提供$scope變數，做為資料繫結之用。簡單的說，資料繫結(data binding)是指：先在controller中以$scope變數定義資料模型、或是函式，例如：
$scope.name = {}; // 資料模型物件
$scope.login = function() {
// 函式主體
}
