javascript - 如何在 ionic View 中显示加载或在缓存/内存中一次加载所有应用程序？

Question

我想显示一个加载动画(内置于 ionic 的基本圆形动画)来加载选项卡。我已经尝试过 $ionicLoading 并且可以让它在我的启动屏幕上工作，但我在将其合并到个人 View 中时遇到了困难。我希望选项卡栏在加载动画存在时保持可见，但隐藏实际 View 。

我在这里有启动屏幕加载的代码:

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");
        });
    };
})

我尝试在 View 中以类似的方式使用它，但什么也没有出现。如何在 View 中使用该代码。或者，有没有办法将应用程序中的所有内容加载到缓存/RAM 中，以便单击不同选项卡之间没有延迟时间。我的一些选项卡上的图像需要一段时间才能在文本后面弹出。

Answer 1

您可以使用http://ionicframework.com/docs/api/directive/ionSpinner/

这个<ion-spinner icon="spiral"></ion-spinner>显示动画旋转器。

您可以使用 bool 值“LoadingView”来显示/隐藏微调器。示例:

<ion-spinner ng-show="LoadingView" icon="spiral"></ion-spinner>
<div ng-show="!LoadingView" icon="spiral">Content of the tab</div>

将 bool 值初始化为 false，当页面完成加载元素时，您可以切换到 on，以显示选项卡内容