Пользовательская директива, не работающая в пользовательском компоненте

#angular

#угловатый #angular

Вопрос:

Фреймворк Angular v.8.

У меня есть пользовательская директива с выбором ‘search-country’. Сама директива объявляется и экспортируется в моем SharedModule. Также у меня есть компонент с селектором ‘country-phone-code-input’. Если у меня есть этот компонент в моем app.component.html как:

 <country-phone-code-input search-country></country-phone-code-input>
  

Директива работает так, как должна, но … если я удаляю селектор из селектора компонентов и добавляю его внутри компонента в элемент управления вводом:

 <input type="text" search-country />
  

или

 <div search-country></div>
  

директива перестает работать, вообще не срабатывая. У меня есть console.log(‘test’) в конструкторе директивы, сообщений на консоли JS нет.

В чем же проблема?

Комментарии:

1. Теги не уточняют, говорим ли мы об angular или angularjs. Также stackblitz был бы здесь отличным.

2. Я удалил тег angularjs-directory

3. Это не ответ, а комментарий. Я запросил дополнительные данные. Ваш последний комментарий-вопрос действительно вводит в заблуждение и не отражает никаких моих намерений относительно вашего вопроса. Я считаю это грубым. Теперь больше вопросов о вашей проблеме: что означает «перестает работать»? Есть ли какая-либо ошибка? Какое поведение не происходит? Вы уверены, что это директива, которая не работает? Я спрашиваю, потому что на входе отсутствует / перед закрытием >

4. Предоставьте всю информацию о модулях, компонентах, импорте / экспорте и т.д. Столько, сколько сможете. Никто не может предоставить вам что-либо на основе того, что вы сказали.

Ответ №1:

Это была проблема, компонент и директива должны быть включены в один и тот же модуль.

введите описание изображения здесь