案例：ionic案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
  <head>
4
    <meta charset="utf-8">
5
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
6
    <title>W3xue教程(w3xue.com)</title>
7
    <link href="/css/ionic1.0.1/ionic.min.css" rel="stylesheet">
8
    <script src="/js/ionic1.0.1/ionic.bundle.min.js"></script>
9
    <script type="text/javascript">
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
          StatusBar.styleDefault();
21
        }
22
      });
23
    })
24
​
25
    .controller( 'actionsheetCtl',['$scope',function($scope){
26
​
27
        $scope.onTap=function(){
28
            alert('on-tap')
29
        }
30
​
31
​
32
    }])
33
    </script>
34
  </head>
35
    <body ng-app="starter" ng-controller="actionsheetCtl" >
36
        <button on-tap="onTap()" class="button">轻击我</button>
37
    </body>
38
</html>
39
​