如何在angular中将json api数据加载到html模板？

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

export class YourComponent {
  jsonData: any;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http.get('your_json_api_url').subscribe(data => {
      this.jsonData = data;
    });
  }
}

<div *ngFor="let item of jsonData">
  <p>{{ item.name }}</p>
  <p>{{ item.description }}</p>
</div>

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ],
  // ...
})
export class YourModule { }