2016-07-25 7 views
0

это путь я запускаю мой угловой 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> 

В этом, когда я загрузке скрипта вида загруженного в этом файле не имеется ввиду. как загрузить некоторый скрипт каждый раз, когда загружается просмотр, или как сделать доступным загруженный сценарий.

+0

удалить атрибут 'ng-app =" BasicHttpAuthExample "из тега html. –

+0

Почему у вас есть два ng-app = "BasicHttpAuthExample", где ваша директива ng-controller (s) и что вы подразумеваете под «сценарием просмотра»? Также было бы неплохо увидеть содержимое ваших js-файлов. Вместо того, чтобы добавлять здесь контент, лучшим способом было бы создать плункер и предоставить ссылку на него. Удачи – Antipod

ответ

0

убедитесь, что вы загружаете скрипты внизу рядом с тегом body так, чтобы они загружались при загрузке dom. Также убедитесь, что внешние скрипты, такие как JQuery и другие библиотеки, загружаются сначала, потому что ваши файлы javascript могут зависеть от них.

Вам не нужно указывать директиву ng-app дважды. его хорошо на теге тела. вам также не хватает директивы контроллера.

<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> 
Смежные вопросы