Ionic es actualmente el marco de desarrollo de aplicaciones móvil HTML5 más prometedor. Cree aplicaciones a través de SASS, que proporciona muchos componentes de la interfaz de usuario para ayudar a los desarrolladores a desarrollar aplicaciones potentes. Utiliza el marco JavaScript MVVM y AngularJS para mejorar las aplicaciones. Proporciona un enlace bidireccional de datos, y usarlos se convierte en una opción común para los desarrolladores web y móviles. Ionic es un marco de desarrollo que se centra en el uso de la tecnología de desarrollo web y crea aplicaciones nativas similares a las plataformas de teléfonos móviles basados en HTML5. El propósito del marco iónico es desarrollar aplicaciones móviles desde la perspectiva web. Se basa en la plataforma de compilación de PhoneGAP, que se puede compilar en aplicaciones en varias plataformas.
Este artículo le presenta cómo implementar las funciones de renovación y carga de pull-up en IOINC. Esta característica a menudo se encuentra durante el desarrollo del proyecto. Los amigos interesados pueden echar un vistazo.
Parte html
<ion-view view-title = "notificación de mensaje"> <ion-content> <!-<ion-refresher> comando de actualización de renovación-> <ion-resfresher tulling-text = "pull to refresh" on-refresh = "vm.dorefresh ()"> </siion-resfresher> <DiviG-speat = "Mensaje en vm.messagesgessages" " > <div> {{Message.title}} <i ng-click = "vm.show (mensaje)" ng-class = "Message.Static? 'ion-arrow-down-b': 'ion-surw-right-b'"> </i> </div> <div> {{message.static? )}} </div> </div> <!-Ion-Infinite-Scroll Data de carga de datos de carga cuando el valor de % nf-if es falso, la ejecución de In-Infinite-> <ion-Infinite-Scroll ng-if = "! vm.moredata" on-infinite = "vm.loadmore ()" Distancia = " %" >/ion-Infinite-Scroll> </ ion-content> </ ion-view>Parte js
• La función de función activada por el despliegue de refresurio debe transmitirse antes del final de la ejecución de la función de función, $ scope. $ Broadcast ('scroll.refreshcomplete');
• La función activada por el pull-up in-infinito también debe finalizar el evento de transmisión $ alcance. $ Broadcast ('scroll.infinitescrollComplete');
Angular.module ('Starter.Controllers', []). Controller ('Infoctrl', function ($ RootsCope, $ TimeOut, $ Interval, $ Scope, $ http, Services) {var vm = $ scope.vm = {Moredata: falso, mensajes: [], paginación: {perpage :, currentPage:}, init: function () {Services.getMessages ({perpage: vm.pagination.perpage, página: vm.pagination.currentPage}, function (data) {vm.messages = data;})}, show: function (message) {if (message.static) {Message.static = false;} else {Message.static = true;}}, dorefresh: function (function ($ function ($ function) {$ scope. $ broadcast ('scroll.refreshcomplete');},);}, loadmore: function () {vm.pagination.currentPage +=; services.getMessages ({perpage: vm.pagination.perpage, página: vm.pagination.currentPage}, function (data) {vm.Messagege = vM.Message. (data.length ==) {vm.moredata = true;}; $ scope. $ broadcast ('scroll.infinitescrollcomplete');})}} vm.init ();})Los mensajes aquí son los datos que muestran la vista, la paginación es el parámetro que se muestra para la carga de la paginación, el servicio es el servicio $ http que encapsulé y el método de exposición es el cambio para la pantalla de información de vista (¡no es necesario prestar atención a estos)!
He introducido el contenido relevante sobre cómo Ionic puede implementar la actualización desplegable y la carga de pull-up que el editor le ha presentado. Espero que te sea útil. Si desea saber más, ¡preste atención al sitio web de Wulin.com!