Angular指令未生效排查：已导入声明但无控制台日志原因？

兄弟，我来帮你捋捋可能的问题点，一个个排查应该就能找到原因：

• 指令选择器不匹配
  先检查你指令的selector定义和模板里的使用是否一致。比如如果你的指令selector是[appHighlight]（属性选择器），那模板里必须写成<div appHighlight></div>；如果是元素选择器app-highlight，就得写成<app-highlight></app-highlight>。别搞混了属性和元素选择器，也注意大小写——虽然Angular支持驼峰转短横线，但最好严格对应。

• 指令内的日志代码没执行
  看看你指令的逻辑里，日志是写在哪个生命周期钩子或者方法里的？比如如果写在ngOnInit里，那得确保指令所在的组件确实触发了这个钩子；如果是写在自定义方法里，那得确认这个方法被调用了。还有，别写错了console.log（比如写成console.lgo这种低级错误），或者是不是用了console.debug但浏览器控制台过滤掉了debug级别日志？

• 指令的作用域问题
  你说把指令加到了AppModule的declarations里，但如果你的组件是在某个**特性模块（懒加载模块）**里的话，根模块AppModule里声明的指令默认是不能被特性模块的组件使用的。这种情况你得把指令放到一个共享模块里，在共享模块的declarations和exports数组里都加上它，然后让特性模块导入这个共享模块。

• 生产模式下日志被移除
  如果你是用ng build --prod或者ng serve --prod启动的项目，Angular会自动移除console.log这类日志语句来优化代码。试试用开发模式启动项目（直接ng serve），看看日志会不会出来。

• 浏览器控制台过滤设置
  最后检查下浏览器的控制台，是不是不小心选了只显示"Errors"或者"Warnings"，把"All"或者"Verbose"勾上，看看日志是不是被过滤掉了。

内容的提问来源于stack exchange，提问作者strypeez