How to view the json data in HTML page

I Need some HELP …!!!
I followed a tutorial on how to fetch json data from an api
i need to fetch and display the details in my html page

Find below the url i used for fetching data :-

code given in provider :

	return this.http.get(').map(res => res.json());

Code given in my typescript file of view page :-

public jobs:any;
		this.redditService.getRemoteData().subscribe(data => {
	 = data;

Am getting the json array printed in console. Now i need to print the array of objects in the html page

try this = [];

for(var i = 0; i < data.length; i++) {
	job_id: data[i].id, 
	job_name: data[i].name,
	job_desc: data[i].desc

use an ion-item on your .html file like this

<ion-item *ngFor="let job of jobs">
	<h3>Desc : {{job.job_desc}}</h3>

I would use map() instead of that push loop.

Thanks @ralphskie for the help. It worked :slight_smile:

no need for Iterator in typescript. try this on your .html file like this

<ion-list *ngIf="jobs">
  <ion-item *ngFor="let job of jobs">