angular6构建指令

指令很像没有值的属性，其实它里面包含很多东西。

构建一个指令，可以控制子组件按钮的显示或者隐藏。

一种方法就是，子组件有一个@Input 输入属性。

另一种方法，构建一个指令，与该组件进行交互，没有值。

代码如下：

使用@contentchild,因为组件的渲染是在内容完成后发生的。然后：

这就完成了。个人觉得调用这个指令的时候方便多了，好看多了，如图：

有坑：开始欲使用ElementRef，通过层层获取来操作DOM，尽管也了解了Render2 API,但是这种业务逻辑和视图强耦合的方式，不建议直接去操作DOM。