您如何在离子视图中显示加载或一次将所有应用程序加载到缓存/内存中

我想显示一个加载动画（内置于ionic的基本圆形动画）来加载选项卡。我已经尝试了$ionicLoading并且可以让它适用于我的初始屏幕，但我无法将其合并为个人视图。我希望选项卡栏在加载动画存在时保持可见，但隐藏实际视图。

我这里有用于加载初始屏幕的代码：

angular.module('LoadingApp', ['ionic'])
.controller('LoadingCtrl', function ($scope, $ionicLoading) {
    $scope.show = function () {
        $ionicLoading.show({
            template: 'Loading...',
            noBackdrop: 'true',
        }).then(function () {
            console.log("The loading indicator is now displayed");
        });
    };
    $scope.hide = function () {
        $ionicLoading.hide().then(function () {
            console.log("The loading indicator is now hidden");
        });
    };
})

我试图在视图中以类似的方式使用它，但没有任何显示。如何在视图中使用该代码。或者，有没有办法将应用程序中的所有内容加载到缓存/ram中，以便单击不同选项卡之间没有延迟时间。我的一些标签具有需要一段时间并在文本后弹出的图像。