AngularJS - директива не загружается

Question

У меня есть небольшая директива, и я не могу заставить ее работать.

вот моя директива:

angular
.module('thermofluor')
.directive('myCustomer', function() {

    return {
        restrict: 'E',
        template: 'table_plate.html'
    };
});

Шаблон - это просто абзац с надписью "Test" внутри.

В моем основном HTML в вызове указывается следующее:

<my-customer></my-customer>

но на экране ничего не появляется, и в html директива не заменяется выходными директивами html

Шаблон имеет то же имя и находится в той же папке.

Что я делаю не так?

Спасибо.

Answer 1

Если вам нужен только шаблон для показа, вы можете использовать ng-include вместо директивы:

<ng-include
  src="string"
  [onload="string"]
  [autoscroll="string"]>
...
</ng-include>

Существует также версия для любого доступного элемента:

<ANY
  ng-include="string"
  [onload="string"]
  [autoscroll="string"]>
...
</ANY>

Для получения дополнительной информации о https://docs.angularjs.org/api/ng/directive/ngInclude

В поле src или ng-include укажите ссылку на шаблон, который вы хотите загрузить (в зависимости от используемой версии). Только для одного ограничения использование директивы является излишним, остальное вы также получаете от этого подхода.

ПРИМЕЧАНИЕ: в приведенных выше определениях атрибуты в скобках для вашего примера не нужны.

Answer 2

должно быть templateUrl

return {
        restrict: 'E',
        templateUrl: 'table_plate.html'
    };