javascript - Angular 部分 : templateUrl Routing Local . HTML 文件

Question

我已经遇到这个问题 2 天多了，我花了大约 10 个小时进行研究，但到目前为止没有任何效果。我正在控制自己的压力水平，但这实在令人愤怒!

这个jsfiddle除了我试图加载的“page1.html”文件之外还有所有内容

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 应用程序提供服务，并在 Angular 尝试通过 http:// 获取模板时触发跨源请求>.

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