AngularJS ng-view not loading js

Question

I have a problem with my AngularJS app. I'm trying to use a JavaScript of a bootstrap template inside of a ng-view, but is not working. When I use this JavaScript in my index works great, but not inside of any view.

This is a part of my 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 -->

When I use some of the features of any of the form related scripts inside of a ng-view don't work.

How can I use this scripts inside my ng-views?? I've tried to load the scripts inside the ng-views but still doesn't work.

just a shot - did You try to load those files before ng-view? — Jarema
– Jarema, Commented Oct 20, 2014 at 5:58

Dima Grossman · Accepted Answer · 2014-10-20 08:42:46Z

6

It's hard to see from your code snippet, but have you tried loading jquery before angularjs file ? Angular works with jqLite and if your not loaded jQuery before angularjs file angular tries to load it with jqLite.

But, it is preffered to convert your jquery plugins to a directive in order for them work properly in your angular project.

answered Oct 20, 2014 at 8:42

Dima Grossman

2,8502 gold badges23 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

adpoy Over a year ago

Thanks!! that solved my problem. Loading the scripts in the correct order works. Anyway, I can't convert the external scripts in directives, too much work. Those scripts are only for the look & feel and came with the bootstrap theme.

Photonic Over a year ago

Works but now my other ng-view fails to load content from my database

Collectives™ on Stack Overflow

AngularJS ng-view not loading js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related