Как создать запрос graphql с аргументами в angular, используя клиентскую библиотеку apollo - PullRequest
Новая
       5

Как создать запрос graphql с аргументами в angular, используя клиентскую библиотеку apollo

0 голосов
/ 18 января 2019

Я работаю над клиентской библиотекой 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
  }
}

Как передать дату и другие аргументы в запросе?

Ответы [ 2 ]

0 голосов
/ 18 января 2019

Вы должны прочитать свою схему, чтобы понять, что нужно серверу, и должны передать соответствующие данные с типами. Я надеюсь, что это будет что-то подобное в вашем случае. 

{
  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
}
})
0 голосов
/ 18 января 2019

Я определил один из моих запросов, который принимает аргумент, подобный этому: 

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));
...