AngularJS ng-view没有加载js

时间:2014-10-19 18:47:52

标签: javascript angularjs twitter-bootstrap

我的AngularJS应用有问题。我试图在ng-view中使用bootstrap模板的JavaScript,但是没有用。 当我在我的索引中使用这个JavaScript时效果很好,但不在任何视图中。

这是我的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-view中任何与表单相关的脚本的某些功能时,

如何在ng-views中使用此脚本?我曾尝试在ng-views中加载脚本,但仍然无法正常工作。

1 个答案:

答案 0 :(得分:6)

您的代码片段很难看到,但您是否尝试过在angularjs文件之前加载jquery? Angular与jqLit​​e一起使用,如果在angularjs文件angular之前未加载jQuery尝试使用jqLit​​e加载它。

但是,优先将jquery插件转换为指令,以使它们在角度项目中正常工作。