程序博客网 > 什么叫编程

ionic 下拉刷新

来源：互联网发布：什么叫编程编辑：程序博客网时间：2024/05/22 09:40

//还是先导包

//小案例

<body ng-app="myApp" ng-controller="myCtrl">
  
  <ion-header-bar class="bar-calm">
   <h1 class="title">加载更多</h1>
  </ion-header-bar>
  
  <ion-content>
   
   <ion-refresher pulling-text="刷新..." on-refresh="shauxin()">

   </ion-refresher>
   <ul class="list">
    <li class="item" ng-repeat="n in names">{{n}}</li>
   </ul>
  </ion-content>
  <script type="text/javascript">
   var mo = angular.module("myApp", ["ionic"]);
   mo.controller("myCtrl", function($scope,$http) {
    $scope.names = ["杨过", "胡一刀"];
    //刷新的方法
    $scope.shauxin = function() {
      $http.post("data/data1.json").then(function(req){
       //接收数据
       var newNames = req.data;
       for(var i = 0;i<newNames.length;i++){
        names.push(newNames[i].name);
       }
       //发送广播
       $scope.$broadcast('scroll.refreshComplete');
      },function(req){
       console.log("shibai---")
      }).finally(function(){
       console.log("finally---")
      });
    }
   })
  </script>

</body>

阅读全文

0 0

什么叫编程

什么叫编程

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子凌志is200 凌志gx 广本凌志凌志车型凌志集团凌志轿跑车凌志汽车报价及图片凌志雷克萨斯凌志汽车报价凌志远步步为局免费全文阅读雷克萨斯凌志多少钱步步为局凌志远凌志轿车2018款凌志报价及图片凌志雷克萨斯suv 凌志nx200价格老款凌志es300 凌志rx270报价凌志ls300价格凌志es240多少钱 07年凌志es350 凌志rx350报价凌志为什么改名雷克萨斯凌志汽车报价及图片2015款凌志suv新款40万左右雷克萨斯凌志凌志汽车标志凌志汽车图片凌志rx350多少钱凌志lx570多少钱凌志雷克萨斯报价凌志es300h报价凌志es200多少钱凌志汽车多少钱凌志lx570价格凌志敞篷跑车报价凌志rx450h报价凌志es200价格凌志570报价及图片凌志es350多少钱凌志越野报价