案例:ionic案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
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
     angular.module('starter', ['ionic'])
10
11
      .run(function($ionicPlatform) {
12
        $ionicPlatform.ready(function() {
13
          // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
14
          // for form inputs)
15
          if(window.cordova && window.cordova.plugins.Keyboard) {
16
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
17
          }
18
          if(window.StatusBar) {
19
            StatusBar.styleDefault();
20
          }
21
        });
22
      })
23
24
      .controller( 'actionsheetCtl',['$scope','$timeout' ,'$http',function($scope,$timeout,$http){
25
26
          $scope.items=[
27
              {
28
                  "name":"HTML5"
29
              },
30
              {
31
                  "name":"JavaScript"
32
              },
33
              {
34
                  "name":"Css3"
35
              }
36
          ];
37
38
          $scope.doRefresh = function() {
39
              $http.get('item.json')   //注意改为自己本站的地址,不然会有跨域问题
40
                  .success(function(newItems) {
41
                      $scope.items = newItems;
42
                  })
43
                  .finally(function() {
44
                      $scope.$broadcast('scroll.refreshComplete');
45
                  });
46
          };
47
      }])
48
    </script>