如何解决如何在一个函数中调用多个 eventType?
我在我的服务中编写了以下函数:
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')
将更新第一个子组件。有没有办法在refresh中刷新所有eventType?
解决方法
您可以更改“刷新”方法以获取字符串数组而不是单个字符串。所以这个方法会变成
public refresh(areas: string[]) {
areas.forEach(area =>
this.myService.refresh(area);
)
}
并调用它
<button type="button" (click)="refresh(['childFirst','childSecond','childThird'])">Refresh</button>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。