// app.components.tsimport {HttpClientModule} from "@angular/common/http"; //引入HttpClientModule 模塊imports: [ BrowserModule, AppRoutingModule, HttpClientModule //聲明HTTP模塊],

// list.components.tsimport { HttpClient } from "@angular/common/http" //這里是HttpClient

constructor(private http:HttpClient){}

ngOnInit() { //這個是初始化 this.http.get("https://api.example.com/api/list")   .subscribe(res=>{ this.anyList = res })}// get方法中接收的是一個接口文件的地址，它會接收接口傳遞過來的數(shù)據(jù)，并默認處理為json數(shù)據(jù)。// subscribe方法是對get接收的數(shù)據(jù)進行處理。參數(shù) res 就是接收過來的數(shù)據(jù)對象。然后把 res 對象賦值給anyList變量。

// list.component.html<ul *ngFor="let v of anyList"> 循環(huán)輸出anyList對象數(shù)據(jù) <a routerLink="/post/{{v.id}}"> 這里的routerLink是angular的a鏈接形式  <img src="{{v.thumb}}" alt=""> 這里的v.thumb是調(diào)用anyList對象的每條數(shù)據(jù)的thumb縮略圖  <h3>{{v.name}}</h3> </a></ul>