AngularJS Custom Directive templateURL

Question

Работа над созданием моей первой настраиваемой директивы в 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/...

Answer 1

У вас есть написание (случай) ошибка. templateUrl, а не templateURL

Answer 2

Во-первых, вы изъяли templateUrl как templateURL. Если это не исправить вашу проблему, возможно, это связано с абсолютным URL-адресом.

Вы обслуживаете файл через сервер или открываете его в браузере через диск?

Если Ваша ссылка file://C://www/html/js/directives, абсолютный путь /js/directives Цели file://C:/js/directives, где код шаблона не определен. В этом случае вам необходимо использовать относительные пути.