Angular Partials：templateUrl路由本地.HTML文件

Question

我已经有超过2天的时间遇到​​了这个问题，并且花了大约10个小时进行研究，但是到目前为止，“一切”都没有起作用。 我一直在控制压力水平，但这实在令人发指！

除了我尝试加载的“ page1.html”文件之外，此jsfiddle拥有所有内容

http://jsfiddle.net/tAmr3/

---

我想像这样加载同级（相同目录）的page1.html文件：

var playground = angular.module("playground",['ngRoute'])
  .config(function($routeProvider){
    $routeProvider.when('/Page1', {
      templateUrl: 'page1.html', // **THIS LINE DOES NOT WORK**
      controller:'page1Ctrl'
    }).otherwise({redirectTo:'/'})
  });

---

问题是“ templateUrl”拒绝工作！！！

$routeProvider知道我何时尝试访问Page1因为page1Ctrl是console.logging成功

Answer 1

这里的问题是通过file://服务有角度的应用程序，当Angular尝试通过http://获取模板时触发了跨域请求。

最简单的解决方案是使用Web服务器，而不是直接访问文件系统。