angular6构建指令

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

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

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

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

代码如下:

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

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


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,312评论 19 139
  • 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式....
    itclanCoder阅读 26,030评论 1 12
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,454评论 0 29
  • 既然不爱了就不应该勉强,在热恋的时候彼此都会迁就对方,爱久了彼此都会不耐烦,现在我特别能理解那些谈一两个月就分手的...
    晨曦之名阅读 1,267评论 0 1
  • 学一样东西,总得把握好本质才能算是真正的掌握,就比如学茶得知道茶树是什么。 一:茶树是什么? ...
    极致茶文阅读 5,974评论 0 1