Apollo watchQuery方法忽略传递的变量

Question

我正在使用angular-apollo lib来调用后端graphql。我想重用gql函数生成的查询。这意味着我需要使用variables，但是当我这样编写查询时：

this.apollo.watchQuery<MyQuery>({
          query: gql`
            {
              bar(id: $foo) {
                id
            }
          `,
          variables: {
            $foo: 'bar',
          },
        }).valueChanges

我不会在服务器端替换占位符$foo：

...  WARN 16956 --- [nio-8080-exec-8] graphql.GraphQL                          : Query failed to validate : '{
  bar(id: $foo) {
    id

我正在使用以下apollo npm软件包：

    "apollo-angular": "^1.7.0",
    "apollo-angular-link-http": "^1.8.0",
    "apollo-cache-inmemory": "^1.6.3",
    "apollo-client": "^2.6.4",

示例：https://stackblitz.com/edit/basic-apollo-angular-app-fyykeq?file=src%2Fapp%2Fexchange-rates%2Fexchange-rates.component.ts

有人知道我在做什么错吗？