angular自定义指令不起效果

Angular自定义指令不起效果

今天碰到的问题：自定义的angular指令不起效果，运行命令提示符没有报错，控制台没有报错，但是加载的页面没有内容。经过检查之后发现是指令的声明位置有问题。

在使用自定义指令的时候需要在module.ts文件里先用import引入，一般在创建完成后会自动把指令引入到app.module.ts文件中，然后在declarations中声明。

但是，如果你使用了模块的懒加载，想要在其他模块中的组件中使用该指令，就需要在你想使用的模块的module.ts文件中引用并声明。

如果想在独立的组件即不在任何模块内的组件中使用，需要在引用该组件的其他组件所在的模块中引用。

例如： 在home组件中使用siderbar组件，在siderbar组件中指令，此时的指令需要在home.module.ts文件中声明，指令才会有效。