Когда вы занимаетесь проектами, функция раскрытия обновления очень распространена, так как вы ее реализуете? Ниже редактор представит вам, как использовать Ionic для реализации функции раскрывающегося обновления страницы. Давайте посмотрим!
Для конкретных реализаций, пожалуйста, обратитесь к следующему исходному коду:
HTML -код
Ионо-рефруш: это значок, который обновляется путем раскрытия;
Pulling-Text = "Стягивая обновление", вопросы здесь можно заменить по желанию, как и это;
on-refresh = "dorefresh ()" Это метод, который мы должны выполнить при стягивании. Вот освежающие данные страницы.
<body ng-app = "Starter" ng-controller = "actionsheetctl"> <yon-pane> <Ion-content> <Ion-Refresher Pulling-Text = "Droplower Refresh" on-refresh = "dorefresh ()"> </or-refresher> <Ion-list> <Ion-item ng-re-re-re-re-re-ine-ine-ine-ine-ine-ine-ine-ine-ine-ine-ine-refresher> <Ion-list> <Ion-letem = " ng-bind = "item.name"> </ion-item> </ионно-list> </ион-контент> </ион-панель> </body>
Код JavaScript
$ scope.items [] Это данные, которые только что вошли на страницу
dorefresh () Очевидно, что это метод, который вы выполняете, когда хотите обновить
item.json Это когда вы нажимаете, чтобы обновить, и нам нужно повторно подать данные. Этот JSON - последние данные. В проекте вам необходимо повторно получить данные с сервера и обновить их для клиента.
Angular.Module ('Starter', ['' Ionic ']). Run (function ($ ionicplatform) {$ ionicplatform.ready (function () {// Скрыть панель аксессуаров по умолчанию (удалить это, чтобы показать панель Acsessours Ape The Keyboard // для ввода формы) if (window.cordova && windcordova.plugins. {cordova.plugins.keyboard.hidekeyboardaccessorybar (true);} if (window.statusbar) {statusbar.styledefault ();}});}). Controller ('actionsheetctl', ['$ scope', '$ timeout' , '$ http', function ($ scope, $ timeout, $ http) {$ scope.items = [{"name": "html5"}, {"name": "javascript"}, {"name": "css3"}]; Проблемы $ http.get ('http://www.aliyue.net/demo_source/item.json') .success (function (newitems) {$ scope.items = newitems;}). Наконец (function () {$ scope. $ sdectcast ('scroll.refreshplete');Данные файла item.json:
[{"name": "Rookie Tutorial"}, {"name": "www.aliyue.net"}]Ionic реализует раскрывающееся обновление страницы (ионо-рефрушная функция) и познакомит вас. В будущем я представлю вас, как реализовать нагрузку на скольжение и больше функций. Пожалуйста, продолжайте обращать внимание на захватывающий контент, принесенный вам Wulin.com.