我的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中加载脚本,但仍然无法正常工作。
答案 0 :(得分:6)
您的代码片段很难看到,但您是否尝试过在angularjs文件之前加载jquery? Angular与jqLite一起使用,如果在angularjs文件angular之前未加载jQuery尝试使用jqLite加载它。
但是,优先将jquery插件转换为指令,以使它们在角度项目中正常工作。