我撰寫了以下代碼來獲取這里的虛擬資料：
export class AppComponent {
jsonPosts: any = [];
constructor(private httpClient: HttpClient) { }
OnInit() {
this.getJsonPosts();
}
getJsonPosts(): any {
return this.httpClient.get("https://jsonplaceholder.typicode.com/posts")
.subscribe(response => {
console.log(response);
this.jsonPosts = response;
});
}
我還撰寫了以下代碼以在我的 HTML 模板中顯示它們：
<ul *ngFor="let i of jsonPosts">
<li>{{i.userId}}</li>
<li>{{i.id}}</li>
<li>{{i.title}}</li>
<li>{{i.body}}</li>
</ul>
但是，根本沒有網路活動，因此沒有任何顯示......
我在這里做錯了什么？
uj5u.com熱心網友回復：
你不是在呼叫OnInit方法。如果你想讓 angular 生命周期呼叫你的方法，你的組件必須實作OnInit與ngOnInit方法的介面。
更多在這里。
所以你的組件代碼應該是這樣的：
export class AppComponent implements OnInit {
jsonPosts: any = [];
constructor(private httpClient: HttpClient) { }
ngOnInit(): void {
this.getJsonPosts();
}
getJsonPosts(): any {
return this.httpClient.get("https://jsonplaceholder.typicode.com/posts")
.subscribe(response => {
console.log(response);
this.jsonPosts = response;
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/332666.html