带变量的 apollo watch 方法答案

【问题标题】：apollo watch method with variables带变量的 apollo watch 方法
【发布时间】：2019-06-16 05:59:53
【问题描述】：

我正在尝试在 Angular 中使用 apollo 客户端监视方法来查询 Spring Boot 服务器。我无法使用此方法传递参数。由于“援助”是强制性的，所以当它试图拨打电话时，我会收到类似的错误 ERROR 错误：GraphQL 错误：变量 'aid' 已将 NonNull 类型 'String!' 强制为 Null 值

下面是我的打字稿代码。

导出类 AgreementGQL 扩展查询 { document = gql`查询协议($aid: String!) { 协议（ID：$援助）{ ID 姓名 } }

以下是该协议的调用代码。在构造函数中注入协议的地方。

this.agreement.watch({ 援助：“1234567” }).valueChanges.subscribe(结果 => { console.log("*********** 结果：" + JSON.stringify(result.data)); });

我也尝试过使用“变量”，但没有成功。

this.agreement.watch({ 变量：{ 援助：“1234567” }}).valueChanges.subscribe(结果 => { console.log("*********** 结果：" + JSON.stringify(result.data)); });

【问题讨论】：

标签： apollo-client

【解决方案1】：

您只需将值设置为键/值对，例如：

const myVal = '123';

然后将其作为对象传递给 watch 方法...

const agreement = this.agreementQuery
  .watch({ myVal })
  .valueChanges.pipe(pluck('data'));

然后订阅获取数据：

 agreement.subscribe(data => console.log(data));

这种方法对我有用。

【讨论】：