ng生成组件的命令:
ng generate component 组件名(驼峰形式)
简写:ng g c 组件名(驼峰形式)
生成第一个组件:
ng g c ScrollableTab
移动到公共的目录下
拷贝上一篇文章的组件内容。
然后在根组件:app.component.html中引入该组件
<app-scrollable-tab></app-scrollable-tab>
然后显示结果就是跟上面一样的。
统一化管理组件
添加导出组件
添加导出组件母目录
在app.module.ts引入组件根目录
样式结果跟以前一样