angularjs错误：[$ compile：tpload]无法加载模板 [英] angularjs Error: [$compile:tpload] Failed to load template

问题描述

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

I am trying to build simple routing app in angularjs. I have main index.html page with ng-view div and javascript code for routing. Also 2 simple html pages view2.html and view3.html placed in sub folder partials1. I am getting below error. Please help.

错误：访问被拒绝。
错误：[$ compile：tpload]无法加载模板：partials1 / view3.html
http://errors.angularjs.org/1.3.15/ $ compile / tpload？p0 = partials1％2Fview3.html

Error: Access is denied. Error: [$compile:tpload] Failed to load template: 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>

推荐答案

错误：访问被拒绝告诉您该模板不可访问。尝试在浏览器中打开模板。这样的事情： http://my_project/partials1/view3.html 。要查看应用程序使用的完整URL，请使用dubug控制台（XHR选项卡）。

Error: Access is denied tells you that the template is not accessible. Try to open the template in your browser. Something like this: http://my_project/partials1/view3.html. To see the full URL which is used by your app, use a dubug console (XHR tab).

这篇关于angularjs错误：[$ compile：tpload]无法加载模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！