【Angular系列】6. 自定义tabs组件

这篇我们自定义tabs组件，支持自定义主题色，动态增减隐藏tab，动态选择tab，禁用tab，自定义tab头部等。

1. 第一步同样是新增一个tabs文件夹，新增相应的文件如下：tabs和tab两个组件，同时添加一个tabheader指令。

2. tabs组件定义如下：可选主题颜色xColor，可选tab顺序号（xSelectedIndex和xSelectedIndexChange，这样就可以达到双向绑定的效果）。

3. 定义tab组件，包含tab标题（也可是自定义template标题），是否禁用，是否可见（对于权限控制可以用这个input）。

4. 最后，写一个sample如下：

github地址：https://github.com/KevinZhang19870314/quick-pai/tree/master/projects/x-controls/src/lib/tabs

在线Demo地址：https://stackblitz.com/edit/x-tabs?embed=1&file=src/app/app.component.ts