Question

我想在我的视图中显示加载图标，但我似乎无法工作..

我的视图会在加载$resource中的resolve时呈现。

.run(['$rootScope', '$state', '$stateParams', function () {
    $rootScope.$on('$stateChangeStart', function () {
        console.log('start');
        $rootScope.spinner = true;
    });
    $rootScope.$on('$stateChangeSuccess', function () {
        console.log('end');
        $rootScope.spinner = false;
    });
}])

无法设置spinner，因为我的视图尚未加载..

那么我应该如何ng-show在我的微调器上...？

Answer 1

您可以将微调器放在任何视图之外。这样你就不需要将它包含在任何模板中，但你仍然可以通过ng-show控制它，并像你一样观察状态变化。

Answer 2

我通过将我的加载div放在ui-view之外来解决它。因为它位于controller的{{1}}之外，所以我可以在这里使用ui-view。

$rootScope.loading

通过解决方案加载状态更改图标

2 个答案: