离子加载将在显示时禁用与用户的任何交互，并在需要时再次启用。

使用加载

加载在控制器内部触发。首先，我们需要在控制器中注入$ ionicLoading作为依赖项。之后，我们需要调用$ ionicLoading.show()方法，加载就会出现。要禁用它，有一个$ ionicLoading.hide()方法。

控制者

.controller('myCtrl', function($scope, $ionicLoading) {
   $scope.showLoading = function() {
      $ionicLoading.show({
         template: 'Loading...'
      });
   };

   $scope.hideLoading = function(){
      $ionicLoading.hide();
   };
});

HTML代码

当用户点击按钮时，将出现加载。在完成一些耗时的功能后，您通常会希望隐藏负载。

在进行加载时，可以使用其他一些选项参数。下表中显示了说明。

加载选项参数

加载配置

Ionic config用于配置要在整个应用程序的所有$ ionicLoading服务中使用的选项。

这可以通过使用$ ionicLoadingConfig来完成。由于常量应添加到主应用程序模块中，因此请打开app.js文件，并在模块声明后添加常量。

.constant('$ionicLoadingConfig', {
   template: 'Default Loading Template...'
})

上面的代码将产生以下屏幕-