[英]How to create service for angular2 + apollo-client with graphql
[英]How to create a graphql query with arguments in angular using apollo client library
我正在apollo客户端库上工作以将graphql与angular集成在一起。 我可以进行简单的查询,例如findAll,而无需任何参数
const allData =
gql`
query allData {
allData {
id
fromDate
toDate
name
...
}
}
`
我可以使用watchQuery来获取此查询的结果
this.data = this.apollo.watchQuery<Query>({query: allData}).valueChanges
.pipe(
map(result => result.data.allData)
);
但我无法使用类似参数的方式创建复杂的查询
{
allDataWithFilter(
date: {from: "2010-01-16T10:20:10", to: "2019-01-16T11:16:10"},
name: "ABC" {
allDataWithFilter {
id
fromDate
toDate
name
...
}
totalPages
totalElements
}
}
如何在查询中传递日期和其他参数?
我定义了一个查询,该查询采用这样的参数:
const ListCalculations = gql`
query ListCalculations($uid: String!){
listCalculations(uid: $uid){
details {
customer
part
}
selectedUnit {
imgSrc
}
}
}
`;
($uid: String!)
允许我将参数传递给查询。 调用查询:
const queryObj:QueryObject = {
query: ListCalculations,
variables: { uid: this.authService.cognitoUser.getUsername() },
fetchPolicy: 'cache-and-network'
};
let obs = client.watchQuery(queryObj);
obs.subscribe(result => console.log(result));
您应该阅读架构,以了解服务器的需求,并应将适当的数据与类型一起传递。 希望您的情况像这样。
{
allDataWithFilter(
date: {$from: DateTime, $to: DateTime},
name: String {
allDataWithFilter(from: $from, to: $to) {
id
fromDate
toDate
name
...
}
totalPages
totalElements
}
}
当您调用此查询时,只需将此数据传递到像这样的变量中
this.apollo.query({
query: YourQuery,
variables: {
from: new Date(),
to: someDate
}
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.