如何阻止angularJs閃爍屏幕

我是AngularJs的新手。我用angularJS模板製作了網站。如何阻止angularJs閃爍屏幕

一切工作正常，但點擊和加載一些頁面內容後，我得到了閃爍的屏幕問題。我已經在頭文件中包含了angular.min.js。

我該如何解決閃爍問題？

HTML - 這裏是我的代碼

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title>MYAPP</title> 

    <link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> 


    <script src="https://use.fontawesome.com/81204b271a.js"></script> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/angular.min.js"></script> 
    <script src="js/angular-route.min.js"></script> 
    <script src="js/angular-animate.js"></script> 
    <script src="js/angular-css.min.js"></script> 
    <script src="js/app.js"></script> 


    <style> 
    [ng:cloak], 
    [ng-cloak], 
    [data-ng-cloak], 
    [x-ng-cloak], 
    .ng-cloak, 
    .x-ng-cloak { 
     display: none !important; 
    } 
    </style> 

    </head> 

    <body ng-app="myapp" ng-cloak> 
    <!-- VIEWS--> 
    <div class="page {{ pageClass }}" ng-view=""></div> 

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

    <script type="text/javascript" src="js/slick.min.js"></script> 
    <script src="js/wow.min.js"></script> 
    <script> 
     new WOW().init(); 
    </script> 

    </body> 
</html>

來源

2017-08-07 user3348410

最好的方式是包含[ng-cloak]（https://docs.angularjs.org/api/ ng/directive/ngCloak），這將消除閃爍問題。 –

你正在調用jQuery兩次它看起來像。這可能是相關的。 – DDelgro

是的，它解決了我的問題。非常感謝你！ – user3348410

你可能會尋找ng-cloak。我已經使用這個，它已經減輕了我的隱形問題。

https://docs.angularjs.org/api/ng/directive/ngCloak

來源

2017-08-07 13:00:08 DDelgro

我試過這個，但也許我做的不正確。我在頭部添加了樣式「[ng \：cloak]，[ng-cloak]，[data-ng-cloak]，[x-ng-cloak]，.ng-cloak，.x-ng-cloak {display：} {display ：none！important; }「並將類添加到這樣的身體，但我的問題沒有解決。 – user3348410

你把它放在你的ng-app放在html標記的地方嗎？ – DDelgro

是的喜歡 – user3348410

-1

添加NG-斗篷在角JS根元素（AG-APP）。這將在角度符合DOM元素（Angular擴展HTML屬性）後纔在屏幕上顯示視圖

來源

2017-08-07 13:18:10

我將代碼添加到我的問題。你可以檢查？因爲我想我把ng-cloak加到我的根元素上 – user3348410

如何阻止angularJs閃爍屏幕

回答

相關問題