角度JSスクリプトのロード

これは私がこのファイルにロードされたビュースクリプトをロードしていたときにこの中で私の角度aaplication角度JSスクリプトのロード

<!DOCTYPE html> 
<html class="no-js" ng-app="BasicHttpAuthExample"> <!--<![endif]--> 
    <head> 
     <script src="<?= ASSETS_PATH ?>/js/app2.js"></script> 
     <script src="<?= ASSETS_PATH ?>/js/main.js"></script> 
     <script src="http://localhost/SPA_DEMO/assets/js/jquery.countTo.js"></script> 
    </head> 
    <body ng-app="BasicHttpAuthExample"> 
     <nav id="fh5co-main-nav" role="navigation"> 
      <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle active" id="Close"><i></i></a> 
      <div class="js-fullheight fh5co-table"> 
       <div class="fh5co-table-cell js-fullheight"> 
        <ul> 
         <li></li> 
         <li class="active"><a href="index.html">Home</a></li> 
         <li><a href="gallery.html">Gallery</a></li> 
         <li><a href="services.html">Services</a></li> 
         <li><a href="about.html">About</a></li> 
         <li><a href="contact.html">Contact</a></li> 
        </ul> 
       </div> 
      </div> 
     </nav> 
    <ng-view> 
    </ng-view> 
</body> 
</html>

を実行ビューでは使用できません方法です。ビューがロードされるたびにいくつかのスクリプトをロードする方法、またはビューで利用可能なロードされたスクリプトを作成する方法。

出典

2016-07-25 Devangi

属性 'ng-app = "BasicHttpAuthExample"をHTMLタグから削除します。 –

2つのng-app = "BasicHttpAuthExample"がありますが、ng-controller（sg）ディレクティブはどこですか？ "view script"の意味は何ですか？また、あなたのjsファイルの内容を見るのもいいでしょう。ここでコンテンツを追加する代わりに、より良い方法は、プランカーを作成してそれへのリンクを提供することです。がんばろう – Antipod

bodyタグの最後の近くにスクリプトを読み込んで、DOMが読み込まれたときに読み込むようにしてください。また、Jqueryやその他のライブラリのような外部スクリプトが最初に読み込まれるようにしてください。なぜなら、javascriptファイルがそれらに依存する可能性があるからです。

ng-appディレクティブを2回指定する必要はありません。ボディータグで大丈夫です。コントローラー・ディレクティブもありません。

<html class="no-js" > <!--<![endif]--> 
    <head> 

    </head> 
    <body ng-app="BasicHttpAuthExample" ng-controller="//your controller"> 
     <nav id="fh5co-main-nav" role="navigation" > 
      <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle active" id="Close"><i></i></a> 
      <div class="js-fullheight fh5co-table"> 
       <div class="fh5co-table-cell js-fullheight"> 
        <ul> 
         <li></li> 
         <li class="active"><a href="index.html">Home</a></li> 
         <li><a href="gallery.html">Gallery</a></li> 
         <li><a href="services.html">Services</a></li> 
         <li><a href="about.html">About</a></li> 
         <li><a href="contact.html">Contact</a></li> 
        </ul> 
       </div> 
      </div> 
     </nav> 

    <ng-view> 
    </ng-view> 
     <script src="http://localhost/SPA_DEMO/assets/js/jquery.countTo.js"></script> 
     <script src="<?= ASSETS_PATH ?>/js/app2.js"></script> 
     <script src="<?= ASSETS_PATH ?>/js/main.js"></script> 

</body> 
</html>

出典

2016-07-25 10:59:35 henrybbosa

角度JSスクリプトのロード

答えて

関連する問題