使用 Set 数据结构来避免重复项,并将其与 Angular 的 RxJS Observable 结合使用。
示例代码如下:
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class GifStoreService {
private gifs = new Set();
public addGif(gifUrl: string): void {
if (!this.gifs.has(gifUrl)) {
this.gifs.add(gifUrl);
}
}
public getGifs(): Observable {
return new Observable(observer => {
observer.next(Array.from(this.gifs));
observer.complete();
});
}
}
在上面的代码中,我们定义了一个名为 GifStoreService 的 Angular 服务。该服务使用 Set 来储存 GIF 的 URL。我们定义了两个公共方法:addGif
和 getGifs
。addGif
方法检查 URL 是否已经存在于 Set 中,如果不存在,则添加到 Set 中。getGifs
方法返回一个 RxJS Observable,该 Observable 创建一个观察者并将 Set 中的 GIF URL 数组传递给观察者。在组件中,你可以使用 GifStoreService 的 getGifs
方法来订阅这个 Observale,并在订阅时获取 GIF URL 数组。
这种方法确保 GIF 库中没有重复的 GIF URL。
上一篇:避免Angular模块的递归导入