2014-10-19 3 views
0

AngularJS 앱에 문제가 있습니다. 부트 스트랩 템플릿의 자바 스크립트를 ng-view 내부에서 사용하려고하지만 작동하지 않습니다. 색인에서이 JavaScript를 사용할 때보기에는 효과적이지 않지만 훌륭하게 작동합니다. 나는 내부 NG 뷰의 형태로 관련 스크립트의의 일부 기능을 사용할 때 작동하지 않습니다AngularJS ng-view not loading js

<!-- 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 --> 

:

내 index.html을의 일부입니다.

내 ng-views 안에서이 스크립트를 어떻게 사용할 수 있습니까 ?? 나는 ng-views 안에 스크립트를로드하려했지만 여전히 작동하지 않습니다.

+0

그냥보기 -로드하기 전에 해당 파일을로드하려고 했습니까? – Jarema

답변

5

코드 스 니펫에서보기가 어렵지만 angularjs 파일을로드하기 전에 jquery를로드 해 보았습니까? Angular는 jqLite와 작동하며, anglejs 파일 이전에로드되지 않은 jQuery가 jqLite로 파일을로드하려고 시도합니다.

그러나 각도 프로젝트에서 제대로 작동하려면 jquery 플러그인을 지시어로 변환하는 것이 좋습니다.

+2

감사합니다 !! 내 문제를 해결했다. 스크립트를 올바른 순서로로드하면됩니다. 어쨌든, 나는 지시문에서 외부 스크립트를 변환 할 수 없다. 그 스크립트는 룩 앤드 필 (look & feel)만을위한 것이며 bootstrap 테마와 함께 제공됩니다. – adpoy

+0

작동하지만 이제는 다른 ng-view가 내 데이터베이스에서 콘텐츠를로드하지 못합니다. – Photonic