2017-08-07 11 views
0

私はAngularJsの初心者です。私はangularJSテンプレートでウェブサイトを作った。angleJsのフリッカー画面を停止する方法

すべてはうまくいきますが、ページの内容をクリックして読み込んだ後、画面の点滅の問題が発生しました。ヘッダーにangular.min.jsを含めました。

どのように点滅の問題を解決できますか?

HTML - ここにあなたがng-cloakを探しているかもしれないMY CODE

<!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> 
+0

[ng-cloak](https://docs.angularjs.org/api/)を含めるのが最善の方法ですng/directive/ngCloak)、これによりフリッカーの問題が解決されます。 –

+0

あなたはjqueryを2回呼びます。それは関連しているかもしれません。 – DDelgro

+0

うん、それは私の問題を解決しました。ありがとうございます! – user3348410

答えて

1

です。私はこれを使用して、それは私の問題を隠蔽して軽減しました。

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

+0

私はこれを試したが、多分私はそれを正しくしなかった。私は頭に "ng:cloak"、 "ng-cloak"、 "data-ng-cloak"、 "x-ng-cloak"、.ng-cloak、.x-ng-cloak {display :none!important; } "そのようなボディにクラスを追加しますが、私の問題は解決されません。 – user3348410

+0

ng-appをHTMLマークアップのどこに置いたのですか? – DDelgro

+0

ありがとうございます。 – user3348410

-1

角度jsのルート要素(AG-アプリ)での追加NG-マント。角がDOM elememts(Angular extended HTML属性)に準拠した後にのみ画面上に表示されます

+0

私は私の質問にコードを追加しました。確認してもいい?私はルート要素にng-cloakを追加すると思うので – user3348410

関連する問題