在页面业务逻辑过多的前提下，如何让页面结构更容易阅读呢，这里就涉及到组件拆分，很简单的实现效果，闲暇之余分享一下
在真正项目开发的过程中，可能会涉及到很多的业务场景
比如 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);
}
在业务编码的过程中，我们可以根据不同的业务场景去思考组件需不需要拆分，怎样让代码结构更清晰
代码注释，代码注释，复杂业务逻辑一定要有代码注释
网友评论