index.html

<html>

    <head>

    <meta charset="utf-8">

    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <title>菜鸟教程(runoob.com)</title>

    <link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">

    <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script>

    <script type="text/javascript">

     angular.module('starter', ['ionic'])

      .run(function($ionicPlatform) {

        $ionicPlatform.ready(function() {

          // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard

          // for form inputs)

          if(window.cordova && window.cordova.plugins.Keyboard) {

            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);

          }

          if(window.StatusBar) {

            StatusBar.styleDefault();

          }

        });

      })

      .controller( 'actionsheetCtl',['$scope','$timeout' ,'$http',function($scope,$timeout,$http){

        $http.get('http://www/item.php')   //注意改为自己本站的地址，不然会有跨域问题

                  .success(function(newItems) {

                      $scope.items = newItems.data.article;

                  })

                  .finally(function() {

                      $scope.$broadcast('scroll.refreshComplete');

                  });

          $scope.doRefresh = function() {

              $http.get('http://www/item.php')   //注意改为自己本站的地址，不然会有跨域问题

                  .success(function(newItems) {

                      $scope.items = newItems.data.article;

                      //alert(newItems.article);

                  })

                  .finally(function() {

                      $scope.$broadcast('scroll.refreshComplete');

                  });

          };

      }])

    </script>

    </head>

    <body ng-app="starter" ng-controller="actionsheetCtl" >

        <ion-pane>

            <ion-content >

                <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>

                <ion-list>

                    <a class="item" ng-repeat="item in items" ng-bind="item.title" ng-href="{{item.url}}"></a>

                </ion-list>

            </ion-content>

        </ion-pane>

    </body>

</html>
item.php
<?php

    $ch = curl_init();

    $url = 'http://apis.baidu.com/3023/news/channel?id=popular&page=1';

    $header = array(

        'apikey: apikey',

    );

    // 添加apikey到header

    curl_setopt($ch, CURLOPT_HTTPHEADER  , $header);

    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

    // 执行HTTP请求

    curl_setopt($ch , CURLOPT_URL , $url);

    $res = curl_exec($ch);

    echo $res;

    /* echo "<pre>";

    print_r (json_decode($res,true));

    echo "</pre>"; */

?>

效果

下拉刷新

简单的apk Ionic的更多相关文章

  1. 一个简单移动页面ionic打包成app

    先贴JS代码好了,缓动和调整透明度的功能,最后用ionic打包成应用就可以 window.onload=function(){ search(); move(); calc();}function s ...

  2. Android webViewj简单处理apk的下载链接

    最近在开发二维码扫一扫的功能,需要分多种情况处理外部的url.遇到一个问题是,一些程序包(比如一些android应用)的下载不好处理.如果不做任何处理的话,webView会打开一个空白页.比如这个链接 ...

  3. AndroidStudio简单的apk混淆

    打包APK又一个看起来难 却不难并且不可或缺的标配,为什么这样说呢?由于没有混淆,你的代码被别人反编译你的代码将像一个裸奔的人一样展示在别人的面前.你的APP的安全将得不到保证.Android搞的混淆 ...

  4. ionic3搭建笔记及编译成apk

    一.安装node.js 二.安装Ionic2 npm install -g ionic (安装最新版本) ionic -v //查看版本号(是否安装成功) npm uninstall -g ionic ...

  5. 混合开发 Hybird Ionic Angular Cordova web 跨平台 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  6. 【初探IONIC】不会Native可不可以开发APP？

    前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可 ...

  7. 分享 Ionic 开发 Hybrid App 中遇到的问题以及后期发布 iOS/Android 的方方面面

    此篇文章主要整理了最近在使用 Ionic 开发 Hybrid App 过程中遇到的一些疑难点以及后期发布生成 iOS 和 Android 版本过程中的种种问题. 文章目录 Ionic 简介和项目需求介 ...

  8. ionic+angularjs开发hybrid App(环境配置+创建测试项目)

    本文使用的系统是win10 因为后期需要使用nodejs 所以先把node装好 https://nodejs.org/download/ 下载JDK并配置Java运行环境 http://www.ora ...

  9. ionic 打包签名

    IONIC用一下命令打包会自动签名并且打包 ionic build android 自己签名并且打包方法: 1>在你项目app\platforms\android目录下新建文件:debug-si ...

随机推荐

  1. mysql insert插入新形式，再也不需要拼接多重insert啦

    注意一下,不能省略表中的任何字段.包括自增id.而且字段的顺序必须和插入表一致 原理是“表插表” INSERT INTO prod_attr select A.* from ( SELECT AS p ...

  2. php 数组操作

    <?php $vegetables[0] = "corn"; $vegetables[1] = "broccoli"; $vegetables[2] = ...

  3. 分布式架构高可用架构篇_02_activemq高可用集群(zookeeper+leveldb)安装、配置、高可用测试

    参考: 龙果学院http://www.roncoo.com/share.html?hamc=hLPG8QsaaWVOl2Z76wpJHp3JBbZZF%2Bywm5vEfPp9LbLkAjAnB%2B ...

  4. POJ 2104&HDU 2665 Kth number（主席树入门+离散化）

    K-th Number Time Limit: 20000MS   Memory Limit: 65536K Total Submissions: 50247   Accepted: 17101 Ca ...

  5. SQLServer组件

    1.客户端 2.协议层 3.查询处理器 4.存储引擎 5.数据库操作系统 如下图:

  6. endsWith和startsWith同样效果其他形式的写法（2016.1.12）

    //判断以什么开始startWith str = "abcdef"; //用其他的形式写的startsWith if(str.indexOf("abc")==0 ...

  7. VirtualBox网络配置

    VirtualBox中有4中网络连接方式: NAT Bridged Adapter Internal Host-only Adapter VMWare中有三种,其实他跟VMWare 的网络连接方式都是 ...

  8. 2014总结&2015计划

    2014总结&2015计划 今天是2015/1/1,新的一年终于到来了,昨天老板要求提交2014的工作总结和2015的工作计划,正好提醒我,要总结和计划了. 先回顾2014年初的计划: 新年计 ...

  9. 五 mybatis的SqlMapConfig.xml详解

    SqlMapConfig.xml <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE conf ...

  10. TM2013修改帐号数据目录

    M 2013安装以后,聊天记录文件夹默认的保存位置是在“我的文档”中“Tencent Files”,而QQ就可以在软件系统设置中进行指定,但TM2013没有这一栏设置,那么如何才能修改聊天记录文件夹保 ...