收缩框制作

建立项目 创建指令

ng new collapsedemo --style=scss
ng g d collapse --flat --spec=false

引入boostrap css
index.html

收缩框的制作有三种方式
一 指令内控制style
二 指令内控制布尔值 通过if条件显示隐藏
三 指令内控制css .collapse
四 hostBinding控制style
五 renderer控制style

export

ng g c collapseExport --spec=false
ng g d collapse-export/collapse --flat --spec=false