2013-05-06 3 views
0

안녕하세요 저는 Angular JS의 부트 스트래핑에 문제가 있습니다.Angular JS bootstrapping app

이것은 내가 문제가 있다고 생각

<html> 
... 
<body> 
.... at the end .... 
<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script> 


<script type="text/javascript" src="{% static 'js/ui/transition.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui/collapse.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui/accordion.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui/tabs.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui/dialog.js' %}"></script>  
<script type="text/javascript" src="{% static 'js/ui/modal.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui/alert.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui/validated.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/ui/fb.js' %}"></script> 
<script type="text/javascript" src="{% static 'js/app/base.js' %}"></script> 


<script> 
angular.element(document).ready(function() { 
try{  angular.bootstrap(document, ['app.base']); 

}catch(e){alert(e)} 
}); 
</script> 

(나는 많은 UI 스크립트가 알아 ...하지만 그 시점이 아니다)

편집 장고 템플릿 내 HTML의 문서입니다 동시 요청을 아주 잘 처리하지 못하는 장고의 dev 서버를 사용하고 있습니다. 분명히, 때때로 연결이 끊어 지므로 브라우저가 파일을로드하지 않게됩니다 (무작위). 이 문제는 다른 브라우저뿐만 아니라 Chrome에서도 관찰되었습니다.

답변

1

일반적으로 Angular가 "모듈 없음"오류를 발생시키는 경우 해당 모듈에 오류가 있음을 의미합니다. 로드 된 순서와는 아무런 관련이 없습니다. 파일에 jsLint를 실행하고 컴파일되는지 확인합니다.

수동으로 부트 스트랩해야합니까? 하나의 앱 만로드하는 경우 모든 HTML 요소에 ng-app 지시문을 첨부 할 수 있습니다. 부트 스트랩으로 try-catch를 사용할 수 있는지 확신 할 수 없습니다. 내가하는 일은 다음과 같습니다.

$.when(angular.bootstrap(document.getElementById('my-div'), ['my-app'])) 
    .done(function() { 
     console.log("my-app has been bootstrapped to my-div"); 
    }); 
+0

글쎄, 크롬과 같은 다른 브라우저는 잘 작동합니다. 어떤 이유로 자동 부팅 스트랩이 실패하기 때문에 수동 부트 스트랩을 시도하고 있습니다. 앞에서 말한 것처럼,이 오류는 하드 새로 고침을 수행 할 때만 발생합니다. 이는 이상합니다. angularjs.org가 require.js를 사용하여 모듈을로드하는 이유는 무엇입니까? – Lucas

+0

ui.accordion 모듈이 IE8이 좋아하지 않는 일을하기 때문에 자동 부트 스트래핑 (그리고 모든 부트 스트래핑)이 실패합니다. ui.accordion 모듈없이로드 할 수 있습니까? – Sharondio