Ionic 下拉刷新

来源：互联网发布：网络科学导论下载编辑：程序博客网时间：2024/05/22 02:14

下面代码展示了一个简易的列表刷新！

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <link href="ionic.css" rel="stylesheet">    <script type="text/javascript" src="ionic.bundle.js"></script>    <title></title>    <script type="text/javascript">        var app = angular.module("myApp",["ionic"]);        app.controller("myCtrl",function($scope,$http) {            $scope.itemss = [                {                    name:"第一个黑"                },                {                        name:"第二个傻"                        },                {                        name:"第三个老"                        }            ];          $scope.Dofresh = function() {              $http.get("item.json").then(function(response) {                  $scope.itemss = response.data;              }).finally(function() {                  $scope.$broadcast("scroll.refreshComplete");              });          };        });    </script></head><body ng-app="myApp">   <ion-pane ng-controller="myCtrl">       <ion-content>           <ion-refresher pulling-text="小黑拼命加载"  on-refresh="Dofresh()"></ion-refresher>           <ion-list>               <ion-item ng-repeat="item in itemss">{{item.name}}</ion-item>           </ion-list>       </ion-content>   </ion-pane></body></html>

阅读全文

0 0