案例:ionic案例     状态:可编辑再运行    进入竖版
 运行结果 
x
          <ion-nav-back-button class="button-clear"><i class="icon ion-chevron-left"></i> Back</ion-nav-back-button>
 
1
<html>
2
  <head>
3
    <meta charset="utf-8">
4
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
5
    <title>W3xue教程(w3xue.com)</title>
6
    <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
7
    <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
8
    <script type="text/javascript">
9
    
10
    angular.module('starter', ['ionic'])
11
12
    .run(function($ionicPlatform) {
13
      $ionicPlatform.ready(function() {
14
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
15
        // for form inputs)
16
        if(window.cordova && window.cordova.plugins.Keyboard) {
17
          cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
18
        }
19
        if(window.StatusBar) {
20
          // org.apache.cordova.statusbar required
21
          StatusBar.styleDefault();
22
        }
23
      });
24
    })
25
26
    .config(function($stateProvider, $urlRouterProvider) {
27
      $stateProvider
28
29
        .state('app', {
30
          url: "/app",
31
          abstract: true,
32
          templateUrl: "menu.html",
33
          controller: 'AppCtrl'
34
        })
35
36
        .state('app.playlists', {
37
          url: "/playlists",
38
          views: {
39
            'menuContent' :{
40
              templateUrl: "playlists.html",
41
              controller: 'PlaylistsCtrl'
42
            }
43
          }
44
        })
45
46
47
      // if none of the above states are matched, use this as the fallback
48
      $urlRouterProvider.otherwise('/app/playlists');