The main reason for the above problem is that the product requirements require you to click to hide or expand the secondary list, which leads to the ion-content problem. After many attempts, I finally found a solution. It is very simple. Just pre-inject $ionicScrollDelegate into your controller, as shown in the following code
app.controller('myperforController', ['$scope', '$http', '$state', '$ionicLoading', 'service', '$ionicHistory', '$ionicScrollDelegate', function($scope, $http, $state, $ionicLoading, service, $ionicHistory, $ionicScrollDelegate){After the injection is completed, it will be easy. Just notify the ion-content to recalculate the width and height where you click. Just call the following method:
$scope.onClick = function(text){$ionicScrollDelegate.resize();// Method to recalculate width and height}Well, it's finally solved and you can go to bed! ! !