THIS IS MY TS CODE :
import { Component } from ‘@angular/core’;
import { NavController } from ‘@ionic/angular’;
import { HttpClient } from ‘@angular/common/http’;
import { Observable } from ‘rxjs’;
@Component({
selector: ‘app-home’,
templateUrl: ‘home.page.html’,
styleUrls: [‘home.page.scss’],
})
export class HomePage {
public items: any;
constructor(public navctrl: NavController, public http: HttpClient) {
this. loadData();
}
loadData(){
let data: Observable;
data = this.http.get(‘https://jsonplaceholder.typicode.com/posts’);
data.subscribe(result => {
this.items = result;
})
}
itemClick(itemid: number){
alert(itemid);
}
}
THIS IS MY HTML CODE:
Ionic Blank
<ion-list *ngFor=“let item of items”>
<ion-item>
{{item.Id}}
{{item.title}}
</ion-item>
