GraphQL example with Angular

app.component.ts

import { Component, OnInit } from '@angular/core';
import { Apollo } from 'apollo-angular';
import gql from 'graphql-tag';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  
  blogs: any[] = [];
  constructor(
    private _apollo: Apollo
  ){}

  ngOnInit(){
    this._apollo
      .watchQuery({
        query: gql`
          {
            blogs{
              edges{
                node{
                  id
                  title
                  description
                  author{
                    id
                    lastName
                    firstName
                  }
                }
              }
            }
          }
        `
      })
      .valueChanges.subscribe((res: any) => {
        console.log({res});
        let edges: any[] = res.data.blogs.edges;
        this.blogs = edges.map(item => item.node)
      })
    ;
  }

}