javascript - AngularJS自定义指令templateURL

正在使用AngularJS创建我的第一个自定义指令，但是在使用templateURL参数时遇到一些问题；它实际上并没有请求我尝试调用的页面。

当我使用普通的template参数时，它可以按预期工作。
我认为也许templateURL中使用的路径可能不正确？

这是我主页上的HTML：

<div class="container" ng-controller="formFields">
    <p>{{person.name}}</p>
    <div ng-sparkline person="person"></div>
</div>

这是我的自定义指令：

myApp.directive('ngSparkline', function() {
  return {
    replace: true,
    restrict: 'EA',
    scope: {
        person: '='
    },
    //template: '<p class="lead">Hi, {{person.name}}!</p>'
      templateURL: '/js/directives/formFields.html'
  }
});

这是我的formFields.html文件：

<p class="lead">Hey, {{person.name}}</p>

这是我的应用程序目录的布局方式：
我的directives.js文件位于js目录中，而formFields.html文件位于/js/directives/...中

javascript - AngularJS自定义指令templateURL-LMLPHP

最佳答案

您有一个拼写（大小写）错误。 templateUrl，而不是templateURL

关于javascript - AngularJS自定义指令templateURL，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33791133/