Angular 指令错误：无法从 templateUrl 加载模板 - 当我通过“templateUrl”加载模板时失败（在浏览器中连续加载）答案

【问题标题】：Angular directive error : Unable to load template from templateUrl - fails when I load template via 'templateUrl' (continuous loading in browser)Angular 指令错误：无法从 templateUrl 加载模板 - 当我通过“templateUrl”加载模板时失败（在浏览器中连续加载）
【发布时间】：2016-06-16 07:31:06
【问题描述】：

我不确定为什么它在控制台中显示以下警告并无限加载页面，我只是在调用一个模板，该模板实际上是在直接调用另一个模板，在该模板中我正在使用 templateUrl 调用另一个 html。下面是我的代码。提前致谢。

路由文件，它将在get-started/1 上加载step-1.tpl.html

.config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/get-started/1', {
        templateUrl: 'get-started/step-1.tpl.html',
    });
}])

step-1.tpl.html - 加载上述 url 时我在其中使用指令的文件

<div ng-controller="addWebsite">
      <div step1></div>
</div>

我的指令代码

angular.module('add-website', [])

.controller('addWebsite', ['$scope', function($scope) {
    $scope.customer = {
        name: 'Naomi',
        address: '1600 Amphitheatre'
    };
}])

.directive('step1', function() {
    return {
        restrict: 'AE',
        templateUrl: 'add-website/step1.html'
    };
});

添加网站/step1.html

<div>Name: {{customer.name}} Address: {{customer.address}}</div>

我在点击/get-started/1 时收到此错误。

【问题讨论】：

标签： javascript jquery html angularjs xmlhttprequest

【解决方案1】：

请在模块依赖中包含 angular-route.js 并注入 'ngRoute'

【讨论】：

还是没有变化，有什么想法吗？

【解决方案2】：

在您的 .config 文件中，您的 angular.module() 声明是什么样的？我猜我会说你正在为你的控制器做一些类似的事情，就像这样：

angular.module('add-website', [])

只有一个这样的，例如你的控制器上的一个应该是这样的：

angular.module('add-website')

但是 Nishant 也是对的，你也需要注入 ngRoute。

【讨论】：

angular.module('get-started', []) 在 .config 文件中看起来像这样。我该怎么办，即使我转换成 angular.module('get-started', ['ngRoute']) 也没有任何变化
在 .config 文件上，按照您写的那样进行。对于控制器写 angular.module('get-started').controller .....

【解决方案3】：

这实际上是一个路径问题！ :( get-started/step-1.tpl.html 应该是 shared/get-started/step-1.tpl.html。谢谢！

【讨论】：