带Angular的GitHub API -如何获取用户的公共repos？

npm install @angular/common/http

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class GithubService {
  private apiUrl = 'https://api.github.com';

  constructor(private http: HttpClient) { }

  getUserRepos(username: string) {
    const url = `${this.apiUrl}/users/${username}/repos`;
    return this.http.get(url);
  }
}

import { Component } from '@angular/core';
import { GithubService } from './github.service';

@Component({
  selector: 'app-root',
  template: `
    <h1>User Public Repos</h1>
    <ul>
      <li *ngFor="let repo of repos">{{ repo.name }}</li>
    </ul>
  `,
  providers: [GithubService]
})
export class AppComponent {
  repos: any[];

  constructor(private githubService: GithubService) { }

  ngOnInit() {
    const username = 'github_username'; // 替换为要获取repos的GitHub用户名
    this.githubService.getUserRepos(username).subscribe((repos: any[]) => {
      this.repos = repos;
    });
  }
}