2014-11-26 11 views
2

yeoman/generator-grunt-angular 시스템을 사용하여 각도 앱을 컴파일 중입니다.이 앱은 다른 앱과 공유 된 코드를 수용 할 수 있도록 약간 수정했습니다. "Release mode"는 모든 템플릿을 자바 스크립트로 컴파일하여 모든 것이 즉시로드되도록합니다. 내가 여기에 같은 템플릿을 참조하는 경우 :릴리스 모드에서 첫 번째 앤티 - 포함 후 각도 멈춤

<div ng-include="'components/navbar/navbar.html'" /> 
<div class="row"> 
    <div class="large-4 columns"> 
    <h3>Your Courses</h3> 
    <div ng-include="'components/courses/course-list.html'" ng-controller="MyCoursesCtrl" /> 
    <form id="fileupload" 
      data-url="http://api.orienteer.io/upload_gpx" 
      method="POST" enctype="multipart/form-data" 
      data-ng-controller="GpxFileUploadCtrl" 
      ng-submit="alert('gooo');"> 
     <span class="btn btn-success fileinput-button" ng-class="{disabled: disabled}"> 
     <i class="glyphicon glyphicon-plus"></i> 
     <span>Upload a GPX File</span> 
     <input type="file" name="gpx_file" ng-disabled="disabled"> 
     {{ status }} 
     </span> 
    </form> 
    </div> 
</div> 

템플릿은 처음 포함 후 정지. 첫 번째 것을 제거하면 두 번째 후에 중단됩니다. 전체 템플릿이 포함되지만 그 뒤에는 아무 것도 없습니다 (이 경우에는 navbar가 렌더링되지만 뒤에는 아무것도 표시되지 않습니다).

오류는 발생하지 않으며 템플릿은 모두 템플릿 캐시에 행복하게 저장됩니다 (실제로 나타나는 것처럼 동작을 멈 춥니 다).

개발 모드의 코드에는 아무런 문제가 없으며,이 코드를 디버깅하는 방법에 관해서는 완전히 혼란 스럽습니다. 자세한 로깅, 디버깅 등을 전환 할 수있는 방법이 있습니까? 이미 코드를 축소하여 물건을 읽을 수있게되었지만 오류가 발생하지 않고 어디서부터 시작해야할지 모르겠습니다.

"dependencies": { 
    "modernizr": "2.8.x", 
    "angular": "1.3.4", 
    "jquery" : "1.x.x", 
    "angular-animate" : "1.3.x", 
    "angular-cookies" : "1.3.x", 
    "angular-touch" : "1.3.x", 
    "angular-sanitize" : "1.3.x", 
    "angular-resource" : "1.3.x", 
    "angular-ui-router" : "0.2.x", 
    "angular-leaflet-directive" : "latest", 
    "lodash" : "latest", 
    "foundation" : "5.4.x", 
    "jquery-file-upload" : "latest" 
    }, 
+0

어떤 각도 버전입니까? – markthethomas

+0

@markthethomas - 1.3.4에서는 bower.json의 dependencies 절도 추가했습니다. bower.json은 다른 종속성 질문에 답해야합니다. – Daniel

+0

굉장 - 고마워! – markthethomas

답변

4

나는 오늘이 주제를 확인 중이며 W3Schools에 사용 된 다른 표기법을 기억했다.

그들은 사용 :

<div ng-include="'myUsers_Form.htm'"></div> 

대신에 :

<div ng-include="'myUsers_Form.htm'" /> 

내가 먼저 당신의 스타일에 포함 변경된 때 나는 그 일 이후,하지만 표기법으로 사용 포함과 같은 문제가 발생 W3Schools는 여러 파일을 포함 할 수 있습니다.

+0

그 지시자가 지금까지는 자기 폐쇄적 인 것을 알아 차리지 못했습니다. 잘 잡으세요! – markthethomas

+0

누군가 자기가 닫는 태그와 비 자기 닫는 태그 사이의 DOM 관점과 다른 점을 설명해 줄 수 있습니까? 편집 : http://tiffanybbrown.com/2011/03/23/html5-does-not-allow-self-closing-tags/ 시작입니다. – Daniel

0

채팅을 바탕으로 : 여기에 편집

은 내가 사용 종속성의 모든 버전입니다 UI 라우터의보다 완벽한 구현 스위치가 명백한를 해결할 가능성이 높습니다 ng-include 지시어에 대한 비 호환성. https://github.com/angular-ui/ui-router

+1

ui-router를 좀 더 완벽하게 사용하는 것이 일반적으로 좋은 생각입니다. @Casper가 그것을 썼습니다! – Daniel

+0

다행입니다! 아마도 지시어가 어떻게 동작하는지 (태그, 요소, & c에 기반하여) 기쁘다. – markthethomas