ionic下面三个标签,带侧拉Home.html子页面

最新推荐文章于 2023-04-11 18:02:52 发布

百分之99的爱

最新推荐文章于 2023-04-11 18:02:52 发布

阅读量566

点赞数

本文链接：https://blog.csdn.net/dongchangqi95/article/details/78312076

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="ionic-v1.3.3/css/ionic.css" rel="stylesheet"/><link>
    <script type="text/javascript" src="ionic-v1.3.3/js/ionic.bundle.js"></script>
    <title>简单使用  上拉刷新</title>
    <script type="text/javascript">
        var app=angular.module("myApp",["ionic"]);
        app.controller("myCtrl",function($scope,$http){
            $scope.items=[
                {
                    name:"aaaaa"
                },
                {
                    name:"sdfs"
                },
                {
                    name:"sdfdsf"
                },
            ];
            $scope.doRefresh=function(){
                $http.get("http://localhost:63342/Htmlproject/ionic/item.json")
                        .success(function(data,status){
                            $scope.items=data;
                        }).error(function(data,status){

                        }).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="doRefresh()"></ion-refresher>
            <ion-list>
                <ion-item ng-repeat="item in items" ng-bind="item.name"></ion-item>
            </ion-list>
        </ion-content>
    </ion-pane>
</body>
</html>

百分之99的爱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ionic下面三个标签,带侧拉Home.html子页面

html>html>head lang="en"> meta charset="UTF-8"> meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> link href="ionic-v1.3.3/css/ionic.c
复制链接

扫一扫