Lorsque vous réalisez des projets, la fonction de rafraîchissement révolutionnaire est très courante, alors comment l'implémentez-vous? Ci-dessous, l'éditeur vous indiquera comment utiliser Ionic pour implémenter la fonction de rafraîchissement de la page. Jetons un coup d'œil!
Pour des implémentations spécifiques, veuillez vous référer au code source suivant:
Code html
Ion-refresher: est l'icône qui est rafraîchie par la traction;
tirant-text = "tirage de rafraîchissement" Les questions ici peuvent être remplacées à volonté, tout comme elle;
on-refresh = "dorefresh ()" C'est la méthode que nous devons exécuter lors de la rupture. Voici les données de page rafraîchissantes.
<body ng-app = "starter" ng-contrôleur = "ActionSheetCTL"> <ion-Pane> <ion-Continde> <ion-refresher pulling-text = "Drop-down Refresh" On-Refresh = "dorefresh ()"> </ ion-refresher> <ion-list> <ion-item ng-repeat = "Items in Items" ng-bind = "item.name"> </ ion-item> </ ion-list> </ ion-content> </ ion-pane> </ body>
Code javascript
$ scope.items [] Ce sont les données qui viennent de venir dans la page
DoreFresh () Évidemment, c'est la méthode que vous exécutez lorsque vous souhaitez actualiser
item.json C'est à ce moment que vous cliquez pour actualiser et que nous devons recueillir les données. Ce JSON est les dernières données. Dans le projet, vous devez recueillir les données du serveur et les mettre à jour auprès du client.
angular.module ('starter', ['ionic']). run (function ($ ionicplatform) {$ ionicplatform.ready (function () {// masquer la barre accessoire par défaut (supprimer ceci pour afficher la barre accessoire au-dessus du clavier // pour les entrées de formulaire) if (window.cordova && window.cordova.plugins.Keyboard) gens , '$ http', fonction ($ scope, $ timeout, $ http) {$ scope.items = [{"name": "html5"}, {"name": "javascrip Problèmes de domain cross $ http.get ('http://www.aliyue.net/demo_source/item.json') .success (function (NewItems) {$ scope.items = NewItems;}). Enfin (fonction () {$ Scope.Données de fichier item.json:
[{"name": "Rookie Tutorial"}, {"name": "www.aliyue.net"}]Ionic implémente la page déroulante de la page (fonction ion-refresh) et vous présentera tellement. À l'avenir, je vais vous présenter comment implémenter le chargement de diapositive et plus de fonctions. Veuillez continuer à faire attention au contenu passionnant qui vous est apporté par Wulin.com.