REquest / Response в Angular

export interface Item {
  login: string;
  id: number;
  node_id: string;
  avatar_url: string;
  gravatar_id: string;
  url: string;
  html_url: string;
  followers_url: string;
  following_url: string;
  gists_url: string;
  starred_url: string;
  subscriptions_url: string;
  organizations_url: string;
  repos_url: string;
  events_url: string;
  received_events_ur: string;
  type: string;
  site_admin: boolean;
  score: number;
}
 
export interface Root {
  total_count: number;
  incomplete_result: boolean;
  items: Item[];
}
 
@Component({
  selector: 'app-request-observable',
  templateUrl: './request-observable.component.html',
  styleUrls: ['./request-observable.component.css'],
})
export class RequestObservableComponent implements OnInit {
  username = '';
 
  constructor(public http: HttpClient) {}
 
  ngOnInit() {}
 
  submit() {
    console.log('Username: ' + this.username);
    this.getData().subscribe({
      next: (value) => console.log('got value', value),
    });
  }
 
  getData(): Observable<Root> {
    return this.http.get<Root>(
      'https://api.github.com/search/users?q=' + this.username
    );
  }
}