在页面业务逻辑过多的前提下,如何让页面结构更容易阅读呢,这里就涉及到组件拆分,很简单的实现效果,闲暇之余分享一下
在真正项目开发的过程中,可能会涉及到很多的业务场景
比如 text文本展示,及按钮的各种复杂控制权限,在实际项目开发过程中我们可能一个按钮控制多条信息的展示,这样的话就会让页面显得很庞大
将按钮的增减单独写在control层,view层只展示一些模板信息
修改过后的代码结构如下
这样会让页面更清晰,可以根据不同的业务模块去控制不同视图显示
如果control层,按钮过多可以增加注释,赋予不同操作权限,标注不同的意义,方便后来人阅读
涉及到的知识点
1,子组件拿父组件里的只用input ,在父组件中将子组件中绑定 [value]="value",将值传给子组件
2,事件之间通信,需要用到output,new evenEmitter,即事件注册
@Output() increace = new EventEmitter();
increa(value: any) {
this.increace.next(value);
}
在业务编码的过程中,我们可以根据不同的业务场景去思考组件需不需要拆分,怎样让代码结构更清晰
代码注释,代码注释,复杂业务逻辑一定要有代码注释