ionic 教程
當(dāng)用戶在你的app中瀏覽時，ionic能夠檢測到瀏覽歷史。通過檢測瀏覽歷史，實現(xiàn)向左或向右滑動時可以正確轉(zhuǎn)換視圖。
采用AngularUI路由器模塊等應(yīng)用程序接口可以分為不同的$state(狀態(tài))。Angular的核心為路由服務(wù)，URLs可以用來控制視圖。
AngularUI路由提供了一個更強(qiáng)大的狀態(tài)管理，即狀態(tài)可以被命名，嵌套， 以及合并視圖，允許一個以上模板呈現(xiàn)在同一個頁面。
此外，每個狀態(tài)無需綁定到一個URL，并且數(shù)據(jù)可以更靈活地推送到每個狀態(tài)。
以下實例中，我們將創(chuàng)建一個應(yīng)用程序中包含不同狀態(tài)的導(dǎo)航視圖。
我們的標(biāo)記中選擇ionNavView作為頂層指令。顯示一個頁眉欄我們用 ionNavBar 指令通過導(dǎo)航更新。
接下來，我們需要設(shè)置我們的將渲染的狀態(tài)值。
var app = angular.module('myApp', ['ionic']);
app.config(function($stateProvider) {
$stateProvider
.state('index', {
url: '/',
templateUrl: 'home.html'
})
.state('music', {
url: '/music',
templateUrl: 'music.html'
});
});
再打開應(yīng)用，$stateProvider 會查詢url, 看是否匹配 index 狀態(tài)值, 再加載index.html到<ion-nav-view>。
頁面加載都是通過URLs配置的。在Angular中創(chuàng)建模板最一個簡單的方式就是直接將他放到html模板文件中并且用