如何在一个函数中调用多个事件类型

Question

我在服务中编写了以下函数：

public refresh(area: string) {
this.eventEmitter.emit({ area });
}

area访问我的所有子项，并且应该通过单击在父项中更新它们。

//儿童

this.myService.eventEmitter.subscribe((data) => {
if (!this.isLoading && data.area === 'childFirst') {
this.loadData();
}
});

this.myService.eventEmitter.subscribe((data) => {
if (!this.isLoading && data.area === 'childSecond') {
this.loadData();
}
});

this.myService.eventEmitter.subscribe((data) => {
if (!this.isLoading && data.area === 'childThird') {
this.loadData();
}
});

//我的父组件

// TS
showChildFirst() {
this.navService.sendNavEventUpdate('childFirst');
}
showChildSecond() {
this.navService.sendNavEventUpdate('childSecond');
}
showChildThird() {
this.navService.sendNavEventUpdate('childThird');
}
public refresh(area: string) {
this.myService.refresh(area);
}

// HTML
<!-- Refresh your childs -->
<button type="button" (click)="refresh()">Refresh</button>

如果在函数中插入以下内容：refresh('childFirst')，则会更新第一个子组件。有没有办法在刷新中刷新所有事件类型？

Answer 1

您可以更改"刷新"方法以获取字符串数组，而不是单个字符串。因此该方法将成为

public refresh(areas: string[]) {
areas.forEach(area =>
this.myService.refresh(area);
)
}

称之为

<button type="button" (click)="refresh(['childFirst','childSecond','childThird'])">Refresh</button>