制作这个开始是没有思路的。后来想到先制作tabs的单个标签页,再进行标签页的组合。也就是两个组件交互的问题。使用viewchild或者viewchildren就可以办到。
但是,但是。,事与愿违,出问题了。
有坑:@viewchildren和@contentchildren区别还是比较大的,前者是指父子组件都渲染完毕再执行;后者是指内容加载完再执行。本组件肯定用后者。因为组件中用到了ng-content(不知道为什么不能使用ng-template)。
在这里差不多了解了ng的生命周期函数的执行顺序。
tabs的样式,如图:
其中那些边框利用了margin负值的作用,css如下:
重点就在红线框内。
就写到这里了,后面还会更新。。。