Angular Apollo在突变中使用来自重新获取查询的响应

发布时间：2020-12-17 17:11:17 所属栏目：安全来源：网络整理

导读：我正在使用Apollo和GraphQL开发一个Angular项目.我有一个突变,用于更新与其相关的相关详细信息的帐户列表.成功变异后,我使用refetchqueries来查询API以获取更新的帐户列表.一切都有效,直到这一部分. this.apollo.mutate({ mutation: mutationCreateNewAccoun

我正在使用Apollo和GraphQL开发一个Angular项目.我有一个突变,用于更新与其相关的相关详细信息的帐户列表.成功变异后,我使用refetchqueries来查询API以获取更新的帐户列表.一切都有效,直到这一部分.

this.apollo.mutate({
        mutation: mutationCreateNewAccount,variables: {
            accountNumber: this.accountNumber,accountType: this.accountType,routingNumber: this.routingNumber,nameOfAcountHolder: this.name
        },refetchQueries: [{
            query: queryAccounts,variables: { accountNumber: this.accountNumber }
        }]}).subscribe(({ data }) => console.log(data),

订阅的“数据”返回来自变异的响应,但有没有办法可以使用’queryAccounts’返回的数据,这也是此突变的一部分？

似乎有一种方法可以做出反应,但我没有成功在Angular中做类似的事情.

解决方法

您可以拥有一个在重新获取时始终更新的watchQuery

this.apollo.watchQuery({
            query: query,variables: variables
        })
        .valueChanges
        .pipe(
            map(res => res.data)
        )
        .subscribe(data => {
            //Updated your data here
        },err => {

        })
       })

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!