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

Question

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

路由文件，将在afl.df=read.csv("C:\\Users\\lopez235\\Local-NOTBackedUp\\R Files Local\\afl_2003_2007.csv")

上加载step-1.tpl.html

get-started/1

.config(['$routeProvider', function($routeProvider) { $routeProvider.when('/get-started/1', { templateUrl: 'get-started/step-1.tpl.html', }); }]) - 在加载上面的网址时我正在使用我的指令的文件

step-1.tpl.html

我的指令代码

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

附加的网站/ step1.html

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'
    };
});

当我点击<div>Name: {{customer.name}} Address: {{customer.address}}</div> 时，我收到此错误。

Answer 1

请包含angular-route.js并在模块依赖项

中注入'ngRoute'

Answer 2

在你的.config文件中，你的angular.module（）声明是什么样的？我猜你说你正在为你的控制器做一些像你这样的事情：

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

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

angular.module('add-website')

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

Answer 3

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