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