中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

ionic 導航


ion-nav-view

當用戶在你的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模板文件中并且用