<ion-refresher (ionRefresh)="doRefresh($event)" slot="fixed">
<ion-refresher-content></ion-refresher-content>
</ion-refresher>
<ion-card *ngIf="dataPage">
<img
*ngIf="dataPage['_embedded'] && dataPage['_embedded']['wp:featuredmedia'] && dataPage['_embedded']['wp:featuredmedia'][0] && dataPage['_embedded']['wp:featuredmedia'][0]['media_details']&& dataPage['_embedded']['wp:featuredmedia'][0]['media_details']['sizes']['full']"
src="{{ page['_embedded']['wp:featuredmedia'][0]['media_details']['sizes']['full'].source_url }}"
/>
<ion-card-header class="text-wrap" *ngIf="dataPage.title">
<ion-card-title [innerHTML]="dataPage.title.rendered"></ion-card-title>
<ion-card-subtitle>{{ dataPage.date | date:'fullDate' }}</ion-card-subtitle>
</ion-card-header>
<ion-card-content text-wrap *ngIf="dataPage.content">
<div class="page-content" [innerHtml]="dataPage.content.rendered"></div>
</ion-card-content>
</ion-card>
Break it down first
- Are there any errors in the dev console? Inspect the browser devtools and see if anything is there
- How are you loading data? What does the http service look like?
- Can you print out the data to the DOM just using
{{dataPage | json}}
?