一种基于Angular父组件的子组件通信方法、装置、设备及存储介质制造方法及图纸

技术编号:46591806 阅读:1 留言:0更新日期:2025-10-10 21:25
本申请公开了一种基于Angular父组件的子组件通信方法、装置、设备及存储介质,涉及计算机技术领域,应用于父组件,包括:基于与父组件对应的模板文件构建包括第一数据传输接口的第一子组件和包括第二数据传输接口的第二子组件;当监听到第一子组件中存在数据更新操作时,调用第一子组件并利用数据封装算法封装数据更新操作的更新事件与更新数据得到事件参数,通过第一数据传输接口传输至父组件;接收并校验事件参数,在校验通过后,基于预设需求判断父组件的数据共享状态是否满足预设状态更新条件,若满足则对数据共享状态进行更新,并通过预设数据传输方式与第二数据传输接口将事件参数传输至第二子组件。这样能够提高数据更新的效率。

【技术实现步骤摘要】

本专利技术涉及计算机,特别涉及一种基于angular父组件的子组件通信方法、装置、设备及存储介质。


技术介绍

1、目前,在基于angular的前端应用开发中,会使用多个组件来完成应用的实现,其中,组件化架构用于将界面拆解为独立可复用的组件,以提升开发效率与代码维护性。然而,当两个同级组件(即同一父组件的子组件)之间存在数据依赖关系时,假如两个组件之间的数据具有依赖关系,一个组件的数据更新后,如果另一个组件数据不做相应的更新处理,就会出现数据显示不一致情况。在传统方案中,直接耦合的组件通信会导致代码复杂度上升和可维护性下降。

2、由上可见,如何在基于angular父组件的子组件通信过程中提高数据更新的效率是目前亟待解决的问题。


技术实现思路

1、有鉴于此,本专利技术的目的在于提供一种基于angular父组件的子组件通信方法、装置、设备及存储介质,能够在基于angular父组件的子组件通信过程中提高对数据进行更新的效率,进而提升生产进程的同步性与效率。其具体方案如下:

2、第一方面,本申请本文档来自技高网...

【技术保护点】

1.一种基于Angular父组件的子组件通信方法,其特征在于,应用于父组件,包括:

2.根据权利要求1所述的基于Angular父组件的子组件通信方法,其特征在于,所述基于与所述父组件对应的模板文件构建包括第一数据传输接口的第一子组件和包括第二数据传输接口的第二子组件,包括:

3.根据权利要求1所述的基于Angular父组件的子组件通信方法,其特征在于,所述当监听到所述第一子组件中存在数据更新操作时,调用所述第一子组件并利用数据封装算法将与所述数据更新操作对应的更新事件与更新数据进行封装,得到事件参数,并通过所述第一数据传输接口传输至所述父组件,包括:

...

【技术特征摘要】

1.一种基于angular父组件的子组件通信方法,其特征在于,应用于父组件,包括:

2.根据权利要求1所述的基于angular父组件的子组件通信方法,其特征在于,所述基于与所述父组件对应的模板文件构建包括第一数据传输接口的第一子组件和包括第二数据传输接口的第二子组件,包括:

3.根据权利要求1所述的基于angular父组件的子组件通信方法,其特征在于,所述当监听到所述第一子组件中存在数据更新操作时,调用所述第一子组件并利用数据封装算法将与所述数据更新操作对应的更新事件与更新数据进行封装,得到事件参数,并通过所述第一数据传输接口传输至所述父组件,包括:

4.根据权利要求1所述的基于angular父组件的子组件通信方法,其特征在于,所述调用预设事件处理函数接收并校验所述事件参数,并在校验通过后,基于预设需求判断所述父组件对应的数据共享状态是否满足预设状态更新条件,若满足,则对所述数据共享状态进行更新,并通过预设数据传输方式与所述第二数据传输接口将所述事件参数传输至所述第二子组件,包括:

5.根据权利要...

【专利技术属性】
技术研发人员:王凯利王阳孙斌
申请(专利权)人:浪潮云信息技术股份公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1