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

Question

I've had this problem for over 2 days and I've spent around 10 hours researching, but NOTHING has worked so far. I'm keeping my stress levels in check, but this is downright infuriating!

This jsfiddle has everything aside from the "page1.html" file that I'm trying to load

http://jsfiddle.net/tAmr3/

---

I want to load a sibling (same directory), page1.html file as such:

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

---

The problem is that "templateUrl" refuses to work!!!

The $routeProvider knows when I'm trying to access Page1 because page1Ctrl is console.logging successfully

Answer 1

The problem here was serving the angular app over file:// and having Angular trigger a cross-origin request when it tried to fetch the template over http:// .

The easiest solution to that is to use a webserver rather than accessing the file-system directly.