角度仍然试图寻找模板，即使我已经$ templateCached他们

我试图合并gulp,angular ngbp和ionic。到目前为止，我已将示例应用程序代码重新编排为ngbp样式，并将模板编译成js文件，以便它们可以加载到$templateCache中，然后我的应用程序js文件可以从缓存中获取模板。

在我index.html

<!-- inject:js --> 
    <script src="/vendor/angular/angular.min.js"></script> 
    <script src="/vendor/angular-animate/angular-animate.min.js"></script> 
    <script src="/vendor/angular-sanitize/angular-sanitize.min.js"></script> 
    <script src="/vendor/angular-ui-router/release/angular-ui-router.min.js"></script> 
    <script src="/vendor/ionic/js/ionic.min.js"></script> 
    <script src="/vendor/ionic/js/ionic-angular.min.js"></script> 
    <script src="/vendor/ionic/js/ionic.bundle.js"></script> 
    <script src="/src/app/app.js"></script> 
    <script src="/src/app/browse/browse.js"></script> 
    <script src="/src/app/browse/routes.js"></script> 
    <script src="/src/app/playlist/controllers.js"></script> 
    <script src="/src/app/playlist/playlist.js"></script> 
    <script src="/src/app/playlist/routes.js"></script> 
    <script src="/src/app/playlists/controllers.js"></script> 
    <script src="/src/app/playlists/playlists.js"></script> 
    <script src="/src/app/playlists/routes.js"></script> 
    <script src="/src/app/search/routes.js"></script> 
    <script src="/src/app/search/search.js"></script> 
    <script src="/templates-app.js"></script> 
    <!-- endinject -->

在我templates-app.js

(function(module) { 
try { module = angular.module("templates-app"); } 
catch(err) { module = angular.module("templates-app", []); } 
module.run(["$templateCache", function($templateCache) { 
    $templateCache.put("browse/templates/browse.tpl.html", 
    "<ion-view view-title=\"Browse\">\n" + 
    " <ion-content>\n" + 
    " <h1>Browse</h1>\n" + 
    " </ion-content>\n" + 
    "</ion-view>\n" + 
    ""); 
}]); 
})(); 

(function(module) { 
try { module = angular.module("templates-app"); } 
catch(err) { module = angular.module("templates-app", []); } 
module.run(["$templateCache", function($templateCache) { 
    $templateCache.put("login/templates/login.tpl.html", 

//..........

样品航线（浏览/ routes.js），模板是src/app/browse/templates/（模板不包括在建，因而，需要模板 - app.js到缓存模板）

function BrowseConfig($stateProvider){ 
    $stateProvider 
    .state('app.browse', { 
     url: "/browse", 
     views: { 
     'menuContent': { 
      templateUrl: "browse/templates/browse.tpl.html" 
     } 
     } 
    }) 
    ; 
} 

angular.module('browse.routes', ['ui.router']) 
    .config(['$stateProvider', BrowseConfig]) 
;

这通常适用于通用ngbp项目，但由于某些原因，当我为我的项目加载localhost:8080时，angular应用程序仍尝试使用GET模板文件（404）。为什么我的应用程序不使用缓存？

来源

2015-01-26 Derek

我不明白。你是存储与'模板“browse/templates/browse.tpl.html”，但是用'“templates/browse.tpl.html”'检索它？ – 2015-01-26 22:20:42

@NewDev我的不好，但同样的事情发生后，即使我把它改为'browse/templates/browse.tpl.html'， – Derek 2015-01-27 01:21:54

，你必须包含“模板，应用”为你“browse.routes”模块的依赖关系，否则他不会知道存在模板

来源

2015-01-27 02:01:42

哇，不能相信我错过了。谢谢！ – Derek 2015-01-27 02:11:35

角度仍然试图寻找模板，即使我已经$ templateCached他们

回答

相关问题