案例: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
    })

 运行结果 
 北美留学生论坛