2014-10-19 58 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