Ionic 3 display each object in different page

I want to know and if I’m doing the right thing. I have an object below. What I want is to loop in each document to display it individually.

I want to know if creating a dynamic page is the right way. Or just use one page and iterate it there.

Although I don’t have idea on how to code it yet.

[
    {
        "text": "This will be displayed in a page/display"
    },
    {
        "text": "This will be displayed separately"
    },
    {
        "text": "This will be displayed separately also."
    }
]

Currently, I got all the object right when the page load, but it displays all objects.

ionViewDidLoad() {
    this.http.get('assets/howIGotHere.json')
    .map( response => response.json())
    .subscribe( data => console.log(data ))
  }

You would want to use *ngFor to iterate through the collection