如何解决如何使用 NgZone 修复 chrome 存储检索延迟?
我有一个 Angular 组件,需要在 NgOnInit
方法中设置和获取数据。
但是,由于时间原因,数据设置和检索会稍有延迟。我想用 ngzone
或 ChangeDetectionRef
解决这个问题,但我不确定如何去做。
我不想使用设置的间隔或时间延迟。
constructor(
readonly chromeStorageService: ChromeStorageService) {
this.chromeStorageService.loadData(this.chromeStorageKey);
}
在我的服务方法中,如果尚未在 Chrome 存储中设置数据,我会加载数据。
loadData(key: string) {
chrome.storage.local.get(
[key],async (result: {[key: string]: VersionStorage;}) => {
if (Object.keys(result).length === 0 &&
result.constructor ===
Object) { // check to see if object is there
const todaysDate = new Date().getTime();
const object = {timestamp: todaysDate,versionNumber: '3.0.9'};
chrome.storage.local.set({key: object});
}
});
}
然后我在我的 OnInit
方法中检索数据:
async ngOnInit() {
this.chromeStorageService.retrieveChromeStorageObject(
this.chromeStorageKey);
this.chromeStorageService.chromeStorageSubject
.pipe(takeuntil(this.ngDestroy),tap((chromeObject: VersionStorage) => {
this.shoulddisplay = this.isNewVersion(chromeObject);
}))
.subscribe();
}
但是延迟导致我的对象为空。有人能用 ngzone
或 ChangeDetectionRef
帮我解决这个问题吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。