Implementation method of loading and updating data on angular+ionic app

The first step is to<ion-content>Add tags to the tags<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="5%"></ion-infinite-scroll>

The attribute explanation inside,

ng-if Value Boolean, if true, a pull-up event can be triggered
on-infinite Event fired when pulling up
distance scrolls to the distance at the bottom of the list to trigger a pull-up event, defaulting to 1%
The loading icon displayed when the icon is loaded, default is 'ion-loading-d'

Step 2: Write in the controller

$ = true;

Define an object that triggers events

Then write the loadMore event

// Pull-up event    $ = function () { 
      $++; 
      loadajax(); 
    }

Then write loadajax event

function loadajax() { 
      var dataValue = $; 
      var ip = "http://" + $ + "/appGetpage"; 
      var req = { 
        method: 'POST', //Request method        url: ip, //Requested address        headers: { 
          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 
          'Accept': '*/*' 
        }, //The request header, if default, you can not write        timeout: 5000, //Timeout time, no test yet        data: "value=" + (dataValue) //message must be in the format of a=b&c=d      }; 
      $http(req).success(function (data) { 
        if ( == 0) { 
          $ = false;//This is to determine whether the data can still be obtained. If the data is not obtained, the loading event will no longer be triggered.          return; 
        } 
        $ = $(); 
      }).error(function () { 
        ("err"); 
      }).finally(function () { 
        $scope.$broadcast('');//This is to tell ionic to complete the update data, and the update event can be triggered again        $scope.$broadcast(''); 
      }); 
    }

The above is the method of implementing angular+ionic app loading and update data that the editor introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support for my website!