微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决自定义指令在自定义组件中不起作用

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

出了什么问题?

解决方法

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

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。