Загрузчик приложений AngularJS

Question

Я пытаюсь создать загрузчик, и после рендеринга части я хочу скрыть загрузчик и отобразить свое приложение.

Я создал загрузчик так:

app.directive(
    "mAppLoading",
    function ($animate) {
        return ({
            link: link,
            restrict: "C"
        });
        function link(scope, element, attributes) {

            // NOTE: Am using .eq(1) so that we don't animate the Style block.
            $animate.enabled(true);
            scope.$on('$viewContentLoading', function () {
                if (!!element) {
                    $animate.leave(element.children().eq(1)).then(
                            // Remove the root directive element.
                            element.remove();
                            // Clear the closed-over variable references.
                            scope = element = attributes = null;
                        }
                    );
                }
            });

        }
    }
);

Приведенный выше код удалит загрузчик, и страница отобразится, но не в то время. Страница все еще не загружена. Есть ли событие, которое я могу использовать, когда частичное рендеринг завершен внутри <div ui-view></div>?

Answer 1

Это событие $viewContentLoaded, которое вы должны использовать, чтобы определить, успешно ли загружен контент.

scope.$on('$viewContentLoaded', function () {
...

Здесь - учебник по этому