[发明专利]一种基于Angular的同一页面上不同组件的同步刷新方法

权利要求书

1.一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于,针对部署在公有云环境上的数据库实例，使用Nodejs的EventEmitter类，在同一页面包含的多个组件中，执行如下步骤：

1)在组件1中定义一个Output为EventEmitter属性，

2)在组件1页面数据更新后，emit该EventEmitter属性，

3)在父组件中接收该EventEmitter对象，并在与组件1相关联的组件2中定义事件处理器，

4)在组件2的事件处理器中执行刷新，

执行步骤1)-4)后，当组件1的数据发生改变时，同一页面上组件2关联于组件1的数据进行同步刷新。

2.根据权利要求1所述的一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于，组件2是同一页面上与组件1相关联的任一其他组件。

3.根据权利要求2所述的一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于，在同一页面包含的多个组件中，任意选中两个组件并分别执行步骤1)-4)，即可实现该两个组件相关联内容的同步刷新。

4.根据权利要求3所述的一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于，所述页面包括且不限于包括数据库管理组件和账号管理组件，完成同一页面上数据库管理组件和账号管理组件的同步刷新时，执行如下步骤：

首先，

A1)在数据库管理组件中定义一个Output为EventEmitter属性，

A2)在数据库管理组件数据更新后，emit该EventEmitter属性，

A3)在父组件概览页中接收该EventEmitter对象，并在账号管理组件中定义事件处理器，

A4)在账号管理组件的事件处理器中执行刷新，

当数据库管理组件的数据发生改变时，同一页面上账号管理组件关联于数据库管理组件的数据进行同步刷新；

其次，

B1)在账号管理组件中定义一个Output为EventEmitter属性，

B2)在账号管理组件数据更新后，emit该EventEmitter属性，

B3)在父组件概览页中接收该EventEmitter对象，并在数据库管理组件中定义事件处理器，

B4)在数据库管理组件的事件处理器中执行刷新，

当账号管理组件的数据发生改变时，同一页面上数据库管理组件关联于账号管理组件的数据进行同步刷新。

5.根据权利要求2所述的一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于，同一页面上，当组件1的数据发生改变时，与组件1相关联的其他组件发生同步刷新，同时，其他组件上生成备注，生成的备注用于解释该组件上发生同步刷新内容的具体情况，所述具体情况包括数据改动源头、数据改动时间、数据改动前的内容。

6.根据权利要求5所述的一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于，同一页面上，当组件1的数据发生改变时，与组件1相关联的其他组件发生同步刷新，同时，其他组件上发生同步刷新的内容突出显示。

7.根据权利要求5所述的一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于，点击其他组件上发生刷新的内容时，其他组件生成的备注才会显示。

8.根据权利要求1所述的一种基于Angular的同一页面上不同组件的同步刷新方法，其特征在于，组件数据发生的改变包括且不限于包括修改、增加、删除。