I have been working on an Ionic project that involves a JSON file with preloaded data. The initial page displays a list from which a user can select an item to view its content. However, I am encountering a "Response with status: 404 Not Found for URL" error.
Here is my provider code:
// fetching names details
getNamesDetails(title: string): Observable<Names[]> {
return this.http.get(`${this.namesUrl}/{title}`)
.map(
(res) => <Names[]>res.json()
)
}
This is the class used to pass data to the next page using navParam:
detailPage(title: string){
this.navCtrl.push(NameDetails, {title});
}
Below is the view for the second screen:
<ion-header>
<ion-navbar color="primary">
<ion-title>
<!--Details-->
{{ title }}
</ion-title>
<ion-buttons end>
<button ion-button icon-only (click)="aboutUs()">
<ion-icon ios="ios-options-outline" md="md-options"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-card>
<ion-card-header >
<strong>{{title}}</strong>
</ion-card-header>
<ion-card-content>
{{text}}
<p end><i>{{verse}}</i></p>
</ion-card-content>
</ion-card>
</ion-content>
The structure of my JSON files is as follows:
[
{
"title": "some title",
"text": "some text",
"verse": "some text"
}
]