Atualmente, o Ionic é a estrutura de desenvolvimento de aplicativos móveis mais promissora do HTML5. Crie aplicativos através da SASS, que fornece muitos componentes da interface do usuário para ajudar os desenvolvedores a desenvolver aplicativos poderosos. Ele usa a estrutura JavaScript MVVM e o AngularJS para aprimorar os aplicativos. Fornece a ligação de dados bidirecional e o uso se torna uma escolha comum para desenvolvedores da Web e móveis. O Ionic é uma estrutura de desenvolvimento que se concentra no uso da tecnologia de desenvolvimento da Web e cria aplicativos nativos semelhantes às plataformas de telefonia móvel com base no HTML5. O objetivo da estrutura iônica é desenvolver aplicativos móveis a partir da perspectiva da Web. É baseado na plataforma de compilação do PhoneGAP, que pode ser compilada em aplicativos em várias plataformas.
Este artigo apresenta como implementar as funções de atualização e carregamento de pull-up no IOINC. Esse recurso é frequentemente encontrado durante o desenvolvimento do projeto. Amigos interessados podem dar uma olhada.
Parte html
<ion-view View-title = "Notificação da mensagem"> <ION-Content> <!-<on-refresher> Pull-Down Refresh Command-> <ion-refresher puxando-text = "puxe para refreschar" On-refresh = "Vm.Dorefresh ()"> </it-refresher> <divhesp) > <div> {{message.title}} <i ng-click = "vm.show (message)" ng-class = "message.static? 'ion-arrow-b-b-b': 'ion-arrow-right-b'"> </i> </div> <div> {{message.static? )}} </div> </div> <!-Ion-Infinite-roll-scroll Data de carga de dados da instrução de instruções quando o valor de % nf-if é falso, a execução de infinite-> <ion-infinite-scroll ng-if = "! >/Ion-Infinite-Scroll> </ion-content> </ion-view>JS parte
• A função de função acionada pelo pull-down na refrescância deve ser transmitida antes do final da execução da função da função, $ SCOPE. $ Broadcast ('scroll.RefreshComplete');
• A função acionada pelo pull-up on-infinita também precisa encerrar o evento de transmissão $ scope. $ Transmite ('scroll.infinitescrollComplete');
angular.module ('starter.controllers', []). {Services.getMessages ({perpage: vm.pagination.perpage, página: vm.pagination.currentpage}, function (data) {vm.messages = data;})}, mostre: functtic (messatic) {if (messatic) {Message.static = false;}; () {$ scope. $ transmitido ('scroll.RefreshComplete');},);}, loadmore: function () {vm.pagination.currentPage +=; serviços.getMessages ({perpage: vm.pagination.perpage, Page: vm.pagination.curntPage}, function.perpage, Page: vm.pagination.curntPage}, function. (function), vm.pagination.curntPage}, function. (function), vm.pagination.curntPage}, function. (function), vm.pagination.curntPage: vm.messages.concat (dados); if (data.length ==) {vm.moredata = true;}; $ scope. $ transmite ('scroll.infinitescrollComplete');})}} vm.init ();})As mensagens aqui são os dados exibidos pela visualização, a paginação é o parâmetro exibido para carregamento de paginação, o serviço é o serviço $ http que encapsulou e o método de show é o comutador para exibir informações (não há necessidade de prestar atenção a elas)!
Eu introduzi o conteúdo relevante sobre como a Ionic pode implementar a atualização e o carregamento de pull-up que o editor apresentou a você. Espero que seja útil para você. Se você quiser saber mais, preste atenção no site do Wulin.com!