Как добавить HTML-шаблон в директиву? Вот пример кода, который не работает:

import {Directive} из '@ angular / core';

@Directive ( {
селектор: '[главная боковая панель]',
templateUrl: 'master-side-bar.html'})

класс экспорта MasterSideBar {

constructor () {

console.log('Hello MasterSideBar Directive');   

}

}

Я получаю следующую ошибку:

Аргумент типа '{селектор: строка; templateUrl: строка; } 'нельзя назначить параметру типа' Directive '. Литерал объекта может указывать только известные свойства, а templateUrl не существует в типе Directive.

4
max 27 Май 2017 в 20:05

2 ответа

Лучший ответ

Из вашего кода вам нужно использовать компонент , а не директивы.

Компонент - единственная директива, которая принимает шаблон как HTML.

Пожалуйста, проверьте типы директив

Надеюсь, это поможет!!

6
Jayakrishnan 27 Май 2017 в 17:10

Согласно Angular Docs существует 2 типа директив: атрибутные и структурные. Ни один из них не поддерживает шаблоны. Просто используйте угловой компонент. Есть ли веская причина, по которой вы хотите обязательно использовать директиву?

3
tomeks 27 Май 2017 в 17:11