AngularJS顯示預加載器-指令

Question

我想在網站加載時顯示預加載器。 問題是我的其他內容出現在預加載器dom加載之前。 預加載器出現在整個dom加載后。 我希望預加載器出現在其他所有內容之前。 這是我的指令：

function() {
        "use strict";
        angular.module("App").directive("preloader", ["$timeout", "$window", "$q", function(a, b, c, d, e, f, g) {
            return {
                restrict: "A",
                templateUrl: "views/preloader.html",
                replace: !0,          
            }
        }])
    }.call(this),

＆preloader.html

<div id="preloader">
    <div class='logo'>

    </div>
</div>

index.html的：

<body ng-app="App">

    <div preloader></div>

    <main class="main" ui-view=""></main>
</body>

在此先感謝您提供的任何幫助和解決方案。

Answer 1

您可以將預加載器直接放在<main>HERE...</main> ，加載視圖時它將被替換。

查看此插件，可以在加載視圖內容之前簡要地看到“ Preloader ...”。

Answer 2

您可以像這樣在index.html的body標簽上調用一個初始化函數。

<body ng-app="App" ng-init="myInitFunction()">

<div preloader></div>

<main class="main" ui-view=""></main>

然后在myInitFunction()編寫代碼以調用加載程序。

我希望這對你有用

AngularJS顯示預加載器-指令

問題描述

2 個解決方案

解決方案1
0 2017-06-16 14:30:34

解決方案2
0 2017-06-19 08:43:30

AngularJS顯示預加載器-指令

問題描述

2 個解決方案

解決方案1 0 2017-06-16 14:30:34

解決方案2 0 2017-06-19 08:43:30

解決方案1
0 2017-06-16 14:30:34

解決方案2
0 2017-06-19 08:43:30