自定义指令在自定义组件中不起作用

问题描述

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控制台中没有消息。

出了什么问题？

解决方法

这是问题，要包含在同一模块中的组件和指令。