使用ionic实现下拉刷新步骤详解
这次给大家带来使用ionic实现下拉刷新步骤详解，ionic实现下拉刷新的注意事项有哪些，下面就是实战案例，一起来看一下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ionic</title>
<!--记得导入ionic包和ionic样式-->
<script src="js/ionic.bundle.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/ionic.css" rel="external nofollow" />
<!--
ionic
angular
$http--服务
ng- 指令
表达式 {{}}
刷新案例
ul--
数据
-->
</head>
<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 下拉的时候显示的文本
pulling-icon 图标
onRefresh 当刷新的时候调用的方法
-->
<ion-refresher pulling-text="松手刷新..." on-refresh = "doRefresh()" pulling-icon="img/arrow-down-c.png">
</ion-refresher>
<ul class="list">
<li class="item" ng-repeat="good in goods">{{good.gname}}</li>
</ul>
</ion-content>
<!--
angular
mvc 视图 view 各种标签，数据 ng-model{{}} ，控制器 controller 逻辑代码
指令：一个特殊的属性
表达式 ： 一段代码 ，主要功能：取数据，可以进行运算
模块：一些功能和视图组成的整体
服务：就是一个方法，满足一些需要而定义的方法。内置服务30多个
$http
内置过滤器：9个
管道符 |
-->
<script type="text/javascript">
//创建模块
var mod = angular.module("myApp",["ionic"]);//[]里面的是需要注入的对象。两个:ngRoute /ionic
//创建控制器
mod.controller("myCtrl",function($scope,$http){
//定义数组、也就是model数据
$scope.goods=[{"gname":"秋裤"},{"gname":"羽绒服"}];
//刷新的方法
$scope.doRefresh=function(){
//请求网络，加载数据
$http.get("data.json").then(function(req){
//取得数据 ,req将数据封装到data属性里面了
var d = req.data;
//将一个集合整个加入另外一个集合contact()
// $scope.goods= $scope.goods.contact(d);
for (var i =0;i<d.length;i++) {
$scope.goods.unshift(d[i]);
}
//结束刷新
$scope.$broadcast("scroll.refreshComplete");
},function(req){
alert("失败");
});
// .finally(function(){
//
// });
}
});
</script>
</body>
</html>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci 使用ionic实现下拉刷新步骤详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1378
52
6 Cara untuk Muat Semula Halaman Web pada iPhone
Feb 05, 2024 pm 02:00 PM
Apabila anda menyemak imbas web pada iPhone anda, kandungan yang dimuatkan disimpan buat sementara waktu selagi apl penyemak imbas kekal terbuka. Walau bagaimanapun, tapak web mengemas kini kandungan dengan kerap, jadi menyegarkan halaman adalah cara yang berkesan untuk mengosongkan data lama dan melihat kandungan yang diterbitkan terkini. Dengan cara ini, anda sentiasa mendapat maklumat dan pengalaman terkini. Jika anda ingin memuat semula halaman pada iPhone, siaran berikut akan menerangkan kepada anda semua kaedah. Cara Muat Semula Halaman Web pada Safari [4 Kaedah] Terdapat beberapa kaedah untuk memuat semula halaman yang anda lihat pada Apl Safari pada iPhone. Kaedah 1: Gunakan Butang Muat Semula Cara paling mudah untuk memuat semula halaman yang telah anda buka di Safari ialah menggunakan pilihan Muat Semula pada bar tab penyemak imbas anda. Jika Safa
Kunci muat semula F5 tidak berfungsi dalam Windows 11
Mar 14, 2024 pm 01:01 PM
Adakah kunci F5 tidak berfungsi dengan betul pada PC Windows 11/10 anda? Kekunci F5 biasanya digunakan untuk menyegarkan desktop atau penjelajah atau memuat semula halaman web. Walau bagaimanapun, sesetengah pembaca kami telah melaporkan bahawa kekunci F5 sedang menyegarkan komputer mereka dan tidak berfungsi dengan betul. Bagaimana untuk mendayakan penyegaran F5 dalam Windows 11? Untuk menyegarkan semula PC Windows anda, hanya tekan kekunci F5. Pada sesetengah komputer riba atau desktop, anda mungkin perlu menekan kombinasi kekunci Fn+F5 untuk menyelesaikan operasi muat semula. Mengapa penyegaran F5 tidak berfungsi? Jika menekan kekunci F5 gagal menyegarkan semula komputer anda atau anda mengalami masalah pada Windows 11/10, ia mungkin disebabkan oleh kekunci fungsi yang dikunci. Punca lain yang berpotensi termasuk papan kekunci atau kekunci F5
Bagaimana untuk memuat semula halaman web dengan cepat?
Feb 18, 2024 pm 01:14 PM
Penyegaran halaman adalah perkara biasa dalam penggunaan rangkaian harian kami Apabila kami melawat halaman web, kadangkala kami menghadapi beberapa masalah, seperti halaman web tidak dimuatkan atau dipaparkan secara tidak normal, dsb. Pada masa ini, kami biasanya memilih untuk memuat semula halaman untuk menyelesaikan masalah, jadi bagaimana untuk memuat semula halaman dengan cepat? Mari kita bincangkan kekunci pintasan untuk muat semula halaman. Kekunci pintasan muat semula halaman ialah kaedah untuk memuat semula halaman web semasa dengan pantas melalui operasi papan kekunci. Dalam sistem pengendalian dan penyemak imbas yang berbeza, kekunci pintasan untuk muat semula halaman mungkin berbeza. Di bawah ini kami menggunakan W biasa
Apakah yang perlu saya lakukan jika nilai itu hilang selepas halaman tindak balas dimuat semula?
Dec 29, 2022 am 11:11 AM
Penyelesaian kepada nilai yang hilang selepas halaman tindak balas dimuat semula: 1. Muat semula halaman dan semak sama ada data dalam keadaan akan dikosongkan; 2. Gunakan "const name = location.query.name; const id = location.query kaedah .id;" Dengan menambahkan parameter pada pautan lompat, anda boleh melepasi parameter dan memuat semula halaman tanpa kehilangan data.
Bina apl mudah alih hibrid dengan Python dan Ionic
Jun 17, 2023 pm 12:20 PM
Apl mudah alih adalah bahagian yang sangat diperlukan dalam ekosistem digital hari ini. Tidak seperti aplikasi asli tradisional, aplikasi hibrid dibangunkan berdasarkan teknologi web dan menggunakan rangka kerja untuk mempersembahkan antara muka pengguna mereka, supaya ia boleh berjalan pada berbilang platform dan peranti secara serentak. Artikel ini akan memperkenalkan cara membangunkan aplikasi mudah alih hibrid menggunakan Python dan Ionic. Python ialah bahasa pengaturcaraan peringkat tinggi yang digunakan terutamanya dalam bidang seperti analisis data, pembangunan web, kecerdasan buatan dan pemprosesan data besar. Ionic ialah aplikasi mudah alih yang popular
Apakah kekunci pintasan muat semula papan kekunci?
Feb 25, 2024 pm 10:38 PM
Apakah kekunci pintasan segar semula papan kekunci Dengan perkembangan teknologi komputer, papan kekunci telah menjadi peranti yang sangat diperlukan dalam kerja dan kehidupan harian kita. Fungsi papan kekunci melampaui memasukkan teks Ia juga sering digunakan untuk mengendalikan pelbagai fungsi komputer dan meningkatkan kecekapan kerja kita. Pintasan papan kekunci membolehkan kami menyelesaikan pelbagai operasi dengan lebih cepat dan mudah. Dalam penggunaan komputer harian, kita sering menghadapi situasi di mana kita perlu memuat semula halaman. Apabila kami membuka halaman web atau menjalankan perisian, kadangkala halaman akan membeku atau gagal dimuatkan Pada masa ini, muat semula halaman.
Bagaimana untuk menggunakan penghalaan untuk melaksanakan penyegaran halaman dan kawalan cache dalam projek Vue?
Jul 22, 2023 am 11:13 AM
Bagaimana untuk menggunakan penghalaan untuk melaksanakan penyegaran halaman dan kawalan cache dalam projek Vue? Dalam pembangunan projek Vue, adalah keperluan yang sangat biasa untuk menggunakan penghalaan untuk melaksanakan penyegaran halaman dan kawalan cache. Artikel ini akan memperkenalkan cara menggunakan penghalaan dalam projek Vue untuk melaksanakan penyegaran halaman dan kawalan cache serta memberikan contoh kod yang sepadan. Konfigurasi penghalaan Pertama, anda perlu menggunakan vue-router untuk konfigurasi penghalaan dalam projek Vue. vue-router boleh dipasang melalui npm dan diperkenalkan serta dikonfigurasikan dalam main.js. impor
Cara klik kanan muat semula dalam win11
Dec 28, 2023 pm 02:29 PM
Penyegaran adalah operasi yang sering kami lakukan apabila menggunakan komputer Penyegaran boleh memaparkan tetapan kami dengan cepat untuk antara muka, paparan, ikon dan sifat-sifat lain, bagaimanapun, ramai rakan mendapati tiada penyegaran dalam menu klik kanan apabila menggunakan win11. ini kerana menu win11 A telah ditambah, yang perlu dimasukkan sebelum boleh dimuat semula. Cara klik kanan muat semula dalam win11 1. Dalam sistem win11, menu klik kanan telah diubah, dan kami tidak akan dapat mencari muat semula apabila kami klik kanan pada ruang kosong. 2. Sebaliknya, kita perlu mencari "showmoreoptions" di bahagian bawah menu klik kanan 3. Selepas memasukkan "showmoreoptions", anda boleh mencari muat semula. 4. Selain itu, kita sebenarnya tidak perlu menggunakan klik kanan untuk menyegarkan semula
