Question

我有一个搜索查询，该查询接受一个变量并根据该变量进行搜索。

在我的主页上，我希望使用3个不同的变量将此查询发送3次。

但是，如果我像上面那样做，我将无法获得结果。

这是查询：

const TOP_TEACHER_QUERY= gql`
    query topTeachers {
        searchBasicTeachersByRating(rating: 3) {
            id
            name
            title
        }
        searchBasicTeachersByRating(rating: 4) {
            id
            name
            title
            isNew
        }
    }
}

这是功能

allQueries() {
    return this.apollo
        .watchQuery<any>({
            query: TOP_TEACHER_QUERY,
        })
        .valueChanges;
}

注意：

我尝试添加接口并定义所需的响应数据，但是没有效果

interface Response {
    searchBasicTeachersByRatingMedium: Student[];
    searchBasicTeachersByRatingHigh: Student[];
}

allQueries() {
    return this.apollo
        .watchQuery<any>({
            query: TOP_TEACHER_QUERY,
        })
        .valueChanges;
}

数据仅包含查询后命名的列表（searchBasicTeachersByRating）

我在graphql操场上尝试了以下查询，它返回2个数组但是在Angular中我只能得到一个

作为一项变通办法，我在后端创建了新查询，或者发送了2个不同的查询。

但是我想要这种方法的解决方案。

预先感谢

Answer 1

当选择集包括相同场多次，你需要利用别名对重复字段：

searchBasicTeachersByRatingMedium: searchBasicTeachersByRating(rating: 3) {
  id
  name
  title
}
searchBasicTeachersByRatingHigh: searchBasicTeachersByRating(rating: 4) {
  id
  name
  title
  isNew
}

请求完成后，每个字段将作为data上的属性以提供的别名提供。在上面的示例中，我们对这两个字段都使用了别名，但是您可以在其中一个字段中省略别名。

在一个调用中发送2个相同的Graphql查询，但具有不同的变量

1 个答案: