angularJS를 사용하여 프로덕션에서 html 템플릿을 가리키는 방법

Question

그래서 div에 HTML 템플릿을 표시하려면 data-ng-include를 사용합니다. 내가 겪고있는 문제는 내 지역에서 ... html 로의 경로와 모든 것이 잘 작동한다는 것입니다. 그러나 일단 내가 꿀꺽 꿀꺽 빌드를 실행하고 프로덕션에서 응용 프로그램을 실행, 나는 경로가 잘못된 것 같아서 UI가 표시 할 올바른 템플릿을 찾을 수 없습니다. 예를 들어

..

HTML :

<div id="abc" ng-init="init()"> 
    <div ng-controller="splitController" data-ng-include="templateURL"></div> 
</div> 

TemplateUrl :

$scope.templateURL = '/app/components/preview/split/split.html'; 

누구나 앱을 자극에 내장됩니다 때의 HTML 경로를 찾는 방법을 알아?

감사

Answer 1

첫째, 컨트롤러를 분리하고 NG는-있습니다. 각각에 대해 별도의 요소 생성

<div id="abc" > 
    <div ng-controller="splitController" ng-init="init()"> 
     <div ng-include="templateURL"></div> 
    </div> 
</div> 

그런 다음 URL에 큰 따옴표 안에 작은 따옴표를 추가하십시오.

$scope.templateURL = "'/app/components/preview/split/split.html'";