在页面业务逻辑过多的前提下，如何让页面结构更容易阅读呢，这里就涉及到组件拆分，很简单的实现效果，闲暇之余分享一下

在真正项目开发的过程中，可能会涉及到很多的业务场景

比如 text文本展示，及按钮的各种复杂控制权限，在实际项目开发过程中我们可能一个按钮控制多条信息的展示，这样的话就会让页面显得很庞大

将按钮的增减单独写在control层，view层只展示一些模板信息

修改过后的代码结构如下

view视图展示，control控制试图显示

这样会让页面更清晰，可以根据不同的业务模块去控制不同视图显示

如果control层，按钮过多可以增加注释，赋予不同操作权限，标注不同的意义，方便后来人阅读

涉及到的知识点

1，子组件拿父组件里的只用input  ，在父组件中将子组件中绑定 [value]="value"，将值传给子组件

2，事件之间通信，需要用到output，new evenEmitter，即事件注册

  @Output() increace = new EventEmitter();

  increa(value: any) {

    this.increace.next(value);

  }

在业务编码的过程中，我们可以根据不同的业务场景去思考组件需不需要拆分，怎样让代码结构更清晰

代码注释，代码注释，复杂业务逻辑一定要有代码注释