Ionic в настоящее время является наиболее перспективной структурой разработки мобильных приложений HTML5. Создайте приложения через SASS, который предоставляет много компонентов пользовательского интерфейса, чтобы помочь разработчикам разрабатывать мощные приложения. Он использует структуру MVVM JavaScript и AngularJS для улучшения приложений. Обеспечивает двустороннее привязка данных, и использование их становится общим выбором для разработчиков веб-и мобильных устройств. Ionic - это структура разработки, которая фокусируется на использовании технологии веб -разработки и создает нативные приложения, аналогичные платформам мобильных телефонов на основе HTML5. Целью ионной структуры является разработка мобильных приложений с веб -точки зрения. Он основан на компиляционной платформе PhoneGap, которая может быть составлена в приложения на различных платформах.
Эта статья знакомит вас с тем, как реализовать функции обновления и подтягивания в IOINC. Эта функция часто встречается во время разработки проекта. Заинтересованные друзья могут посмотреть.
HTML Part
<Ion-view view-title = "Уведомление о сообщении"> <Ion-content> <!-<Ion-refresher> Команда распада с облитком-> <Ion-Refresher Pulling-Text = "Tult To Refresh" on-refresh = "vm.dorefresh ()"> </yon-refresher> <div ng-repeat = "message in vm.messages in vm.messages" div ng-repeat = "in vm.messages" div ng-repeat = > <div> {{usems.title}} <i ng-click = "vm.show (message)" ng-class = "message.static? 'Ion-arrow-down-b': 'Ion-ruight-right-b'"> </i> </div> <div> <div> )}} </div> </div> <!-Ион-инфинит-кровя-скрулл-подтягивание данных нагрузки на расстояние, когда значение % nf-if является ложным, выполнение инфинита-> <Ion-infinite-scroll ng-if = "! Vm.moredata" on-infinite = "vmarly ()" Distance = " %" % " %" % " %" % >/ион-инфинит-скрулл> </ионо-контент> </ион-View>JS Part
• Функция функции, вызванная раскрытием On-Resh, должна транслироваться до окончания выполнения функции функции, $ Scope. $ Broadcast ('scroll.refreshcomplete');
• Функция, вызванная подтягиванием ON-Infinite, также должна закончить событие вещания $.
Angular.Module ('Starter.Controllers', []). Controller ('infoctrl', function ($ oorcope, $ timeout, $ vencyal, $ accope, $ http, services) {var vm = $ scope.vm = {moredata: false, сообщения: [], pagination: {perpage. {services.getMessage ({perpage: vm.pagination.perpage, page: vm.pagination.currentpage}, function (data) {vm.message = data;})}, show: function (message) {if (message.static) {message.static = forse; {else {message.static = true;}}, dor. () {$ scope. $ broadcast ('scroll.refreshcomplete');},);}, loadmore: function () {vm.pagination.currentpage +=; services.getmessage ({perpage: vm.pagination.perpage, page: vm.pagination.currentPage}, function (data) {vm.mess = vm.mess = wmessage = wmessage = {vm. vm.messages.concat (data); if (data.length ==) {vm.moredata = true;}; $ scope. $ bargencast ('scroll.infinitescrollcomplete');})}} vm.init ();})Сообщения здесь представлены данные, отображаемые представлением, лиц - это параметр, отображаемый для загрузки страниц, служба - это услуга $ http, которую я инкапсулировал, и метод шоу - это переключатель для отображения информации о просмотре (не нужно обращать на это внимание)!
Я представил соответствующий контент о том, как Ionic может реализовать обновленное обновление и нагрузку на подтягивание, которую редактор представил вам. Я надеюсь, что это будет полезно для вас. Если вы хотите узнать больше, обратите внимание на веб -сайт wulin.com!