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

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

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

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

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

Шаблон - это всего лишь абзац с «Тест» внутри.

В моем основном HTML в вызове директива с этим:

<my-customer></my-customer>

но ничего не отображается на экране, а в html директива не заменяет директивы output html

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

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

Благодарю.

angularjs,angularjs-directive,directive,

1

Ответов: 2

2

Должен быть templateUrl

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

Если вам нужен только шаблон для показа, вы можете использовать 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 помещает ссылку на шаблон, который вы хотите загрузить (в зависимости от используемой версии). Только для 1 ограничивайте, пожалуйста, чрезмерное использование директивы, вы также получите удовольствие от этого подхода.

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

angularjs, angularjs-директивы, директивы,
Похожие вопросы
Яндекс.Метрика