emmm,,,最近在为项目的第二阶段铺路，偶然看到directive，想想看因为项目已经高度集成了第三方组件，所以对于自定义指令方面的经验自己实在知之甚少，后面经过阅读相关资料，总结一篇关于在自定义指令中使用@HostBingDing() 和@HostListenner()。
在使用这两个属性之前，必须明白一件事，就是在angular中有三种directive：
如图所示，component与其他两个directive的一个很明显的区别就是component有template
宿主（host）下面提到的一个宿主术语，在angular中宿主可以是component也可以是element
@HostBinding() 装饰器用于在自定义指令中设置宿主的属性，比如样式： height，width，color，margin, border等等
用法： @HostBingding()接受一个参数，这个参数用于指定宿主的属性的名字
@HostBinding('class.active') @HostBinding('disabled') @HostBinding('attr.role')