javascript - Angular 错误 : [$compile:tpload] Failed to load template

Question

我正在尝试在 angularjs 中构建简单的路由应用程序。我有 index.html 主页面，其中包含 ng-view div 和用于路由的 javascript 代码。还有 2 个简单的 html 页面 view2.html 和 view3.html 放置在子文件夹 partials1 中。 我收到以下错误。请帮忙。

错误:访问被拒绝。 错误:[$compile:tpload] 加载模板失败:partials1/view3.html http://errors.angularjs.org/1.3.15/ $compile/tpload?p0=partials1%2Fview3.html

• index.html:

  <div data-ng-view></div>
  
  <script src="angular.js"></script>
  <script src="angular-route.js"></script>
  <script type="text/javascript">
      var demoApp = angular.module('demoApp', [ 'ngRoute' ]);
      demoApp.controller('SimpleController', function($scope) {
          $scope.customers = [ {
              name : 'Jon Smith1',
              city : 'Charlotte'
          }, {
              name : 'John Doe',
              city : 'New York'
          }, {
              name : 'Jane Doe',
              city : 'Jacksonville'
          } ];
      });
  
      demoApp.config([ '$routeProvider', function($routeProvider) {
          $routeProvider.when('/view1', {
              templateUrl : 'partials1/view3.html',
              controller : 'SimpleController'
          }).when('/view2', {
              templateUrl : 'partials1/view2.html',
              controller : 'SimpleController'
          }).otherwise({
              redirectTo : '/view1'
          });
      } ]);
  </script>
  

• view2.html

  <div class="container">33333333333333</div>
  

• view3.html

  <div class="container">33333333333333</div>
  

Answer 1

Error: Access is denied 告诉您模板不可访问。尝试在浏览器中打开模板。像这样:http://my_project/partials1/view3.html .要查看您的应用使用的完整 URL，请使用调试控制台(XHR 选项卡)。