Angular在使用$ templateCache时尝试使用ajax模板

Question

我正在使用gulp (html2js)将我的所有HTML编译成有角度的$templateCache和browserify，然后包含我想要的文件。

但是，我是angular的新手，对我来说，当我使用$templateCache angular时仍然会尝试在模板中使用ajax似乎并不合适。

 //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>")}])}();

使用browserify包含上述文件我可以在文件底部看到它。

app.js - Angular

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而不试图像你期望的那样使用{{1}}？

Answer 1

应该是template而不是templateUrl：

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