ionic을 사용하여 풀다운 새로 고침을 구현하는 단계에 대한 자세한 설명-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

ionic을 사용하여 풀다운 새로 고침을 구현하는 단계에 대한 자세한 설명

php中世界最好的语言

May 30, 2018 pm 01:53 PM

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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7529

Cakephp 튜토리얼

1378

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

iPhone에서 웹 페이지를 새로 고치는 6가지 방법 Feb 05, 2024 pm 02:00 PM

iPhone에서 웹을 탐색할 때 브라우저 앱이 열려 있는 동안 로드된 콘텐츠는 일시적으로 저장됩니다. 그러나 웹사이트에서는 정기적으로 콘텐츠를 업데이트하므로 페이지를 새로 고치는 것이 오래된 데이터를 삭제하고 최신 게시된 콘텐츠를 볼 수 있는 효과적인 방법입니다. 이렇게 하면 항상 최신 정보와 경험을 얻을 수 있습니다. iPhone에서 페이지를 새로 고치고 싶다면 다음 게시물에서 모든 방법을 설명합니다. Safari에서 웹 페이지를 새로 고치는 방법 [4가지 방법] iPhone의 Safari 앱에서 보고 있는 페이지를 새로 고치는 방법에는 여러 가지가 있습니다. 방법 1: 새로 고침 버튼 사용 Safari에서 열려 있는 페이지를 새로 고치는 가장 쉬운 방법은 브라우저 탭 표시줄의 새로 고침 옵션을 사용하는 것입니다. 사파라면

Windows 11에서 F5 새로 고침 키가 작동하지 않습니다. Mar 14, 2024 pm 01:01 PM

Windows 11/10 PC에서 F5 키가 제대로 작동하지 않나요? F5 키는 일반적으로 데스크탑이나 탐색기를 새로 고치거나 웹 페이지를 다시 로드하는 데 사용됩니다. 그러나 일부 독자들은 F5 키가 컴퓨터를 새로 고치고 제대로 작동하지 않는다고 보고했습니다. Windows 11에서 F5 새로 고침을 활성화하는 방법은 무엇입니까? Windows PC를 새로 고치려면 F5 키를 누르십시오. 일부 노트북이나 데스크탑에서는 새로 고침 작업을 완료하려면 Fn+F5 키 조합을 눌러야 할 수도 있습니다. F5 새로 고침이 작동하지 않는 이유는 무엇입니까? F5 키를 눌러도 컴퓨터가 새로 고쳐지지 않거나 Windows 11/10에서 문제가 발생하는 경우 기능 키가 잠겨 있기 때문일 수 있습니다. 다른 잠재적인 원인으로는 키보드 또는 F5 키가 있습니다.

웹페이지를 빠르게 새로 고치는 방법은 무엇입니까? Feb 18, 2024 pm 01:14 PM

페이지 새로 고침은 일상적인 네트워크 사용에서 매우 일반적입니다. 웹 페이지를 방문할 때 웹 페이지가 로드되지 않거나 비정상적으로 표시되는 등의 문제가 발생할 수 있습니다. 이때 일반적으로 문제를 해결하기 위해 페이지를 새로 고치는 방법을 선택합니다. 페이지를 빠르게 새로 고치는 방법은 무엇입니까? 페이지 새로고침 단축키에 대해 알아보겠습니다. 페이지 새로 고침 단축키는 키보드 조작을 통해 현재 웹 페이지를 빠르게 새로 고치는 방법입니다. 운영 체제와 브라우저에 따라 페이지 새로 고침 단축키가 다를 수 있습니다. 아래에서는 공통 W를 사용합니다.

반응 페이지를 새로 고친 후 값이 사라지면 어떻게 해야 하나요? Dec 29, 2022 am 11:11 AM

반응 페이지를 새로 고친 후 값이 사라지는 해결 방법: 1. 페이지를 새로 고치고 해당 상태의 데이터가 지워지는지 확인합니다. 2. "const name = location.query.name; const id = location.query"를 사용합니다. .id;" 메소드 점프 링크에 매개변수를 추가하면 데이터 손실 없이 매개변수를 전달하고 페이지를 새로 고칠 수 있습니다.

Python 및 Ionic을 사용하여 하이브리드 모바일 앱 구축 Jun 17, 2023 pm 12:20 PM

모바일 앱은 오늘날 디지털 생태계에 매우 필요한 부분입니다. 기존 네이티브 애플리케이션과 달리 하이브리드 애플리케이션은 웹 기술을 기반으로 개발되고 프레임워크를 활용하여 사용자 인터페이스를 제공하므로 여러 플랫폼과 장치에서 동시에 실행할 수 있습니다. 이 기사에서는 Python과 Ionic을 사용하여 하이브리드 모바일 애플리케이션을 개발하는 방법을 소개합니다. Python은 데이터 분석, 웹 개발, 인공지능, 빅데이터 처리 등의 분야에서 주로 사용되는 고급 프로그래밍 언어입니다. Ionic은 인기 있는 모바일 애플리케이션입니다.

키보드 새로고침 단축키는 무엇인가요? Feb 25, 2024 pm 10:38 PM

키보드 새로 고침 단축키는 무엇입니까? 컴퓨터 기술의 발달로 키보드는 우리 일상 업무와 생활에서 없어서는 안 될 장치가 되었습니다. 키보드의 기능은 단순히 텍스트를 입력하는 것 이상으로, 컴퓨터의 다양한 기능을 조작하고 업무 효율성을 높이는 데에도 자주 사용됩니다. 키보드 단축키를 사용하면 다양한 작업을 보다 빠르고 편리하게 완료할 수 있습니다. 매일 컴퓨터를 사용하다 보면 페이지를 새로 고쳐야 하는 상황이 자주 발생합니다. 웹 페이지를 열거나 소프트웨어를 실행할 때 페이지가 멈추거나 로드되지 않는 경우가 있습니다. 이때 페이지를 새로 고치십시오.

Vue 프로젝트에서 라우팅을 사용하여 페이지 새로 고침 및 캐시 제어를 구현하는 방법은 무엇입니까? Jul 22, 2023 am 11:13 AM

Vue 프로젝트에서 라우팅을 사용하여 페이지 새로 고침 및 캐시 제어를 구현하는 방법은 무엇입니까? Vue 프로젝트 개발에서는 라우팅을 사용하여 페이지 새로 고침 및 캐시 제어를 구현하는 것이 매우 일반적인 요구 사항입니다. 이 기사에서는 라우팅을 사용하여 Vue 프로젝트에서 페이지 새로 고침 및 캐시 제어를 구현하는 방법을 소개하고 해당 코드 예제를 제공합니다. 라우팅 구성 먼저 Vue 프로젝트에서 라우팅 구성을 위해 vue-router를 사용해야 합니다. vue-router는 npm을 통해 설치하고 main.js에 도입하고 구성할 수 있습니다. 수입

Win11에서 마우스 오른쪽 버튼을 클릭하여 새로 고침하는 방법 Dec 28, 2023 pm 02:29 PM

새로 고침은 컴퓨터를 사용할 때 자주 수행하는 작업입니다. 새로 고침을 하면 인터페이스, 디스플레이, 아이콘 및 기타 속성에 대한 설정이 빠르게 표시될 수 있습니다. 그러나 실제로는 win11을 사용할 때 오른쪽 클릭 메뉴에 새로 고침이 없다는 것을 알게 됩니다. win11 새로고침하기 전에 입력해야 하는 메뉴가 추가되었기 때문입니다. win11에서 우클릭 새로고침 방법 1. win11 시스템에서는 우클릭 메뉴가 변경되어, 빈 공간에서 우클릭 시 새로고침을 찾을 수 없게 되었습니다. 2. 대신 마우스 오른쪽 버튼 클릭 메뉴 하단에서 "showmoreoptions"를 찾아야 합니다. 3. "showmoreoptions"를 입력한 후 새로 고침을 찾을 수 있습니다. 4. 또한 실제로 새로고침을 위해 마우스 오른쪽 버튼을 클릭할 필요도 없습니다.

See all articles

ionic을 사용하여 풀다운 새로 고침을 구현하는 단계에 대한 자세한 설명

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제