Question

我有一个问题，每次提交帖子时，我的数组都会呈指数级增长。我认为它发生在第二个observable中，因为在每个帖子之后更新用户对象以更新他们上次更新帖子的时间戳。

我正在尝试检查内部observable，如果该帖子已经在数组中，以防止重复项插入到数组中。由于某些原因，这不起作用。

 loadPosts(url: string) {
    switch (url) {
        case '/timeline/top':
            this.postsService.subscribeAllPosts(this.selectedArea)
                .subscribe(posts => {
                    let container = new Array<PostContainer>();
                    for (let post of posts) {
                        this.getEquippedItemsForUsername(post.username).subscribe(x => {
                                try {
                                    if (container.indexOf(new PostContainer(post, x[0].equippedItems)) === -1) {
                                        container.push(new PostContainer(post, x[0].equippedItems));
                                    }
                                     console.log( container); // grows exponentially after each submitted post
                                } catch (ex) { }
                            }
                        );
                    }
                    this.postContainers = container; // postContainers is the array that is being looped over in the html.
                });
            break;
   }

}

Answer 1

我不确定你是否对这个问题是正确的，从你的帖子中删除重复项就像这样容易：

this.postsService.subscribeAllPosts(this.selectedArea)
            .distinct()
            .subscribe(posts => {
                ...
            });

Answer 2

您的问题是，通过创建新的PostContainer，您需要创建一个不在container中的新对象，因此它会在post中添加每个posts }。

您应该检查post

的任何项目中是否存在container的某些唯一值

类似的东西：

if (container.findIndex((postContainer) => postContainer.id === post.id) === -1) {
    continer.push(new PostContainer(post, x[0].equippedItems));
}

使用Observable Angular 2时防止插入重复项

2 个答案: