2014-10-19 85 views
0

我的AngularJS應用程序出現問題。我試圖在ng-view中使用bootstrap模板的JavaScript,但不起作用。 當我在我的索引中使用這個JavaScript時效果很好,但不是在任何視圖中。AngularJS ng-view not loading js

這是我的index.html的一部分:

<!-- Breadcrumb --> 

    <ng-view> 
    </ng-view> 
    <!-- Javascript Libraries --> 
    <!-- jQuery --> 
    <script src="js/jquery.min.js"></script> <!-- jQuery Library --> 
    <script src="js/jquery-ui.min.js"></script> <!-- jQuery UI --> 
    <script src="js/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts--> 

    <!-- Bootstrap --> 
    <script src="js/bootstrap.min.js"></script> 

    <!-- Form Related --> 
    <script src="js/select.min.js"></script> <!-- Custom Select --> 
    <script src="js/chosen.min.js"></script> <!-- Custom Multi Select --> 
    <script src="js/datetimepicker.min.js"></script> <!-- Date & Time Picker --> 
    <script src="js/colorpicker.min.js"></script> <!-- Color Picker --> 
    <script src="js/icheck.js"></script> <!-- Custom Checkbox + Radio --> 

當我使用一些的任何一個NG-視圖的內部形式相關的腳本的功能不起作用。

如何在我的ng-views中使用這個腳本?我試圖加載ng-views中的腳本,但仍然不起作用。

+0

只是一個鏡頭 - 你試圖在ng-view之前加載這些文件嗎? – Jarema 2014-10-20 05:58:00

回答

5

從你的代碼片段很難看到,但你有沒有嘗試在angularjs文件之前加載jquery? Angular用jqLit​​e工作,如果在angularjs文件角度之前未加載jQuery,則嘗試使用jqLit​​e加載它。

但是,它是優先考慮將您的jquery插件轉換爲指令,以便他們在您的角度項目中正常工作。

+2

謝謝!這解決了我的問題。以正確的順序加載腳本。無論如何,我不能在指令中轉換外部腳本,工作太多。這些腳本僅用於外觀和感覺,並附帶bootstrap主題。 – adpoy 2014-10-29 11:31:41

+0

工程,但現在我的其他ng-view無法加載我的數據庫中的內容 – Photonic 2015-06-15 07:24:23