$ templateCache를 사용하여 각도를 이용한 시도

Question

gulp (html2js)을 사용하여 모든 HTML을 각도의 $templateCache 및으로 컴파일하여 원하는 파일을 포함시킵니다.

그러나 나는 angular을 처음 접했고 그 때 바로 $templateCacheangular을 사용하면 템플릿에서 아약스를 시도 할 것입니다.

//views.min.js - This has exported correctly as far as I can tell 
!function(e){try{e=angular.module("Views")}catch(t){e=angular.module("Views",[])}e.run(["$templateCache",function(e){e.put("sliderHome.html",'<div class="slider royalSlider rsDefault"><div ng-repeat="item in sliderItems"><h1>{{item.title}}</h1><p>{{item.text}}</p><img ng-src="/img/news/{{item.number}}.jpg"></div></div>')}])}(),function(e){try{e=angular.module("Views")}catch(t){e=angular.module("Views",[])}e.run(["$templateCache",function(e){e.put("results/resultsGrid.html","<div>Results List as is the best</div>")}])}(); 

상기 파일이 어디에 정상적으로 I 파일의 하단에 볼 수 browserify를 사용 포함된다.

app.js - 각도

app.directive('sliderDirect', function($timeout, $templateCache) { 
    return { 
     restrict: 'E', 
     templateUrl: $templateCache.get('sliderHome.html') 
     .... 
    } 
}); 

오류 GET http://localhost:3001/%3Cdiv%20class=%22slider%20royalSlider%20rsDefault%22…0ng-src=%22/img/news/%7B%7Bitem.number%7D%7D.jpg%22%3E%3C/div%3E%3C/div%3E 404 (Not Found)

가 왜 나는 그것이 그것을 아약스 노력없이 $templateCache를 사용할 수 없습니다 주어 예상대로?

Answer 1

그것은해야 template하지 templateUrl :

template: $templateCache.get('sliderHome.html')