IONIC 5:将事件更改为可观察的问题



自从Ionic 5问世以来,我决定尝试一下。 我了解到他们现在使用的是 Oberservables 而不是 Events。 我的代码中有以下事件:

在我的构造函数中像这样订阅:

this.events.subscribe('go-to-slide', (tab, id) => {
this.currentID = id;
if (id === 0) {
this.showLeftButton = false;
}
// if data has already been loaded
if (this.dataLoadedFlag === true) {
// from tile
if (this.globalVariableService.comesFromTileClick === true) {
if (this.globalVariableService.languageChanged === true) {
this.languageChanged = false;
this.slidesComponent.slides.slideTo(id, 0);
this.getSectorTitlesAndColours();
this.dataLoadedFlag = true;
this.updateHeader(id);
} else if (this.globalVariableService.languageChanged === false) {
this.updateHeader(id);
}
} else if (this.globalVariableService.comesFromTileClick === false) {
}
} else if (this.dataLoadedFlag === false) {
if (this.globalVariableService.comesFromTileClick === true) {
this.slidesComponent.slides.slideTo(id, 0);
this.getSectorTitlesAndColours();
this.dataLoadedFlag = true;
this.updateHeader(id);
} else if (this.globalVariableService.comesFromTileClick === false) {
this.getSectorTitlesAndColours();
this.showRightButton = true;
this.dataLoadedFlag = true;
this.updateHeader(0);
}
}
const tempGlobalVariableService = this.globalVariableService;
// tslint:disable-next-line: only-arrow-functions
setTimeout(function() {
tempGlobalVariableService.comesFromTileClick = false;
}, 500);
});
}

并在不同的组件/方法中发布这样的事件:

this.events.publish('go-to-slide', 1, 1);

我尝试了不同的方法将此代码更改为可观察,但我似乎找不到正确的方法。

有人已经尝试过并且可以帮助我吗? 谢谢

我已经在这里回答了 https://stackoverflow.com/a/60246906/2405040

您可以为此创建一个小型服务,例如:

import {Injectable} from '@angular/core';
import {Subject} from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class GlobalFooService {
private fooSubject = new Subject<any>();
publishSomeData(data: any) {
this.fooSubject.next(data);
}
getObservable(): Subject<any> {
return this.fooSubject;
}
}

有关完整示例,请参阅其他答案。

顺便说一下,讨论一下这条评论:

我了解到他们现在使用的是 Oberservables 而不是 Events

事实并非如此。基本上,他们已经从 Ionic 5 中删除了Events服务,并要求我们通过创建我们自己的类似实现来改用Observables

自Ionic 3以来,他们可能一直在内部使用该Events。但是从Ionic 4that开始,他们已经删除了内部使用,因为Obersables已经增长了很多,它是Angular和Ionic的一种支柱。

相关内容

  • 没有找到相关文章

最新更新