저는 각도가있는 응용 프로그램을 가지고 있으며 템플릿에 다른 div를 추가하려고합니다. ng-include는 완벽한 선택처럼 보였습니다.ng-include 주석에 컴파일합니다.
<div class="module">
<h1>Module</h1>
</div>
모든 파일은 응용 프로그램의 파셜 폴더에 살고 module.html에서 main.html
<div id="page-wrapper">
<div ng-include src="'/partials/module.html'"></div>
</div>
에서
.
html 코드의 위치에서 <!-- ngInclude: -->을 얻고 main.html의 div를 지원되는 ng-include 태그로 대체하면 <!-- ngInclude: undefined -->으로 컴파일됩니다.
누구에게 무슨 문제가 있는지 알고 있나요? 당신은 SRC를 사용
= ""사용할 때 요소로 NG를-포함
<ng-include src="'/partial.html'"></ng-include>
사용 NG가-포함 속성으로, 당신이 바로 속성 자체에 부분 URL을 넣어 :
<div ng-include="'/partial.html'"></div>
두 개의 유스 케이스에 대해서는 https://docs.angularjs.org/api/ng/directive/ngInclude을 참조하십시오.
두 번째 옵션을 사용하지만 여전히 컴파일하여 주석 처리합니다. 내가 div를 직접 HTML에 넣으면 작동합니다. – igreen
범위 문제 여야합니다. $scope 객체가 제대로 전달되었는지 확인하고 메인 페이지에 부분 및 컨트롤러와 서비스를 포함시키는 것을 잊지 마십시오!
시간이 지나면 광산으로 해결했습니다. 큰 따옴표로 묶어 사용하는 작은 따옴표는 모두입니다.
<!--it will not work-->
<ng-include src="views/header.html"></ng-include>
<!--it will work :)-->
<!--Difference is single quotes along with double quotes around src string-->
<ng-include src="'views/header.html'"></ng-include>
나는 왜 당신이 downvoted있어 모르겠지만이 내 문제를 해결. 고맙습니다. – reika
네트워크 트래픽을 확인하십시오. '/ partials/module.html'에 대한 HTTP 요청의 위치를 확인하십시오. 그것은 아마도 올바른 경로가 아닙니다. 그것은 응용 프로그램의 루트에 상대적이어야하며, 나는 그것이 아닌 것으로 짐작하고 있습니다. – ivarni
이 문제를 일으키는 코드를 jsfiddle 게시 할 수 있습니까? – CuriousMind
localhost에서 실행중인 경우 경로를 확인하고 localhost : 8080/partials/module.html을 실행 해보십시오. 적절한 html이 표시되어야합니다. – Skeptor