Ionic ist derzeit das vielversprechendste HTML5 -Rahmenwerk für mobile Anwendungen. Erstellen Sie Anwendungen über SASS, die viele UI -Komponenten bereitstellen, mit denen Entwickler leistungsfähige Anwendungen entwickeln können. Es verwendet das JavaScript -MVVM -Framework und AngularJs, um Anwendungen zu verbessern. Bietet eine Zwei-Wege-Bindung von Daten und wird für Web- und Mobile-Entwickler zu einer gemeinsamen Wahl. Ionic ist ein Entwicklungsrahmen, der sich auf die Verwendung der Webentwicklungstechnologie konzentriert und native Anwendungen erstellt, die den Mobiltelefonplattformen basierend auf HTML5 ähneln. Der Zweck des ionischen Frameworks besteht darin, mobile Anwendungen aus der Webperspektive zu entwickeln. Es basiert auf der Kompilierungsplattform von PhoneGap, die in Anwendungen auf verschiedenen Plattformen zusammengestellt werden kann.
In diesem Artikel wird Ihnen die Implementierung der Ladefunktionen für Pulldown-Aktualisierung und Pull-up in IOINC vorgestellt. Diese Funktion tritt häufig während der Projektentwicklung auf. Interessierte Freunde können einen Blick darauf werfen.
HTML -Teil
<Ion-View View-Title = "Nachrichtenbenachrichtigung"> <Ion-Content> <!-<ion-refresher> Pull-Down-Refresh-Befehl-> <ion-refresher Pulling-text = "Pull to Refresh" On-Refresh = "vm.doreFresh ()"> </ion-refrefresher> <diveshher> <divesher> <divesher> <diveshher> <diveshher> <diveshher> <diveshher> <diveshher> <diveshher> <diveshher> <diveshher> <divat-repeat = "m.s m.smessage" in V. m.smessage "in V. m.smessage" in V. m.smessages "in V. m.smessage" in V. m.smessages "in V. m.smessages" in V. mm. > <div> {{message.title}} <i ng-klick = "vm.show (message)" ng-class = "message.static? )}} </div> </div> <!-Ion-infinite-Scroll-Klimmzahlenladungsanweisung, wenn der Wert von % nf-wenn falsch ist, die Ausführung von On-Infinite-> <ion-infinite-scroll ng-if = "! >/Ion-infinite-croll> </Ion-In-In-In-In-In-In-In-In-Infinite-CROLL> </Ion-View>JS Teil
• Die Funktionsfunktion, die durch den Aufbau von On-Refresh ausgelöst wird, muss vor dem Ende der Ausführung der Funktionsfunktion $ scope.
• Die vom On-Infinite-Pull-up ausgelöste Funktion muss auch das Broadcast-Ereignis $ scope beenden.
angular.module('starter.controllers', []).controller('InfoCtrl', function($rootScope, $timeout, $interval, $scope, $http, services) {var vm = $scope.vm = {moredata: false,messages: [],pagination: {perPage: ,currentPage: },init: function () {Services.getMessages ({PerPage: vm.pagination.PerPage, Seite: vm.pagination.currentPage}, Funktion (Daten) {vm.Messages = data;})}, Show: Funktion (message) {if (message.static) {message.static = false; {{) {Message ({Message.static = true; $), {Message ({Message) $. () {$ scope. vm.messages.concat (data); if (data.length ==) {vm.moredata = true;}; $ scope.Die Nachrichten hier sind die von der Ansicht angezeigten Daten, die Pagination ist der Parameter, der für die Paginierung geladen wird, der Dienst ist der $ http -Dienst, den ich eingekapselt habe, und die Show -Methode ist der Switch for View Information Display (keine Aufmerksamkeit auf diese)!
Ich habe den relevanten Inhalt darüber eingeführt, wie Ionic Pulldown-Aktualisierung und Pull-up-Laden implementieren kann, die der Editor Ihnen vorgestellt hat. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie mehr wissen möchten, achten Sie bitte auf die Website wulin.com!