为什么我的 $templateCache 设置不适用于新的 Angular 路由器？

Question

我不明白为什么我的 $templateCache 设置不起作用...

见this plnkr。我将它与new Angular router 一起使用，我在$templateCache 中有我的home 组件模板。 app.js 文件如下所示：

var app = angular.module('app', ['ngNewRouter','app.home']);

app.run(['$templateCache', function($templateCache) {
  $templateCache.put('components/home/home.html', '<h2>The home page</h2>{{home.test}}');
}]);

app.controller('AppController', ['$router','$templateCache', AppController]);

function AppController($router,$templateCache) {
  var vm = this;
  console.log("The template looks like this:",$templateCache.get('components/home/home.html'));
  $router.config([{
    path: '/',
    component: 'home'
  }]);

}

我的 components/home/home.js 文件：

angular.module('app.home', [])
  .controller('HomeController', [HomeController]);

function HomeController() {
  var vm = this;
  vm.test = "String from the home controller";
}

我得到的错误信息是：

http://run.plnkr.co/OFd5k46BCkBdnfkK/components/home/home.html 404 (Not Found)

有什么想法吗？

Answer 1

我不熟悉ngNewRouter，它似乎在查找模板时使用了一些约定优于配置的方法（我没有看到指定模板 URL 的其他任何地方），但如果你仔细查看错误消息，它说：

加载模板失败：./components/home/home.html（HTTP 状态：404 Not Found）

（注意前面的./）所以，相应地更改缓存键：

$templateCache.put('./components/home/home.html', '<h2>The home page</h2>{{home.test}}');

编辑：

事实上，documentation of ngNewRouter 确实指定了默认（即常规）行为：

默认行为是从./components 删除和提供服务。名为myWidget 的组件使用名为MyWidgetController 的控制器和从./components/my-widget/my-widget.html 加载的模板。