Hi folks, firstly let me thank you in advance for any assistance you may be able to give.
I’m just learning Ionic and i’m trying to build a basic App which pulls data from wp-json api.
which is hosted here https://ultrawebtemplates.com/demo/wp-json/wp/v2/listing
I’m trying to display business_hours and whilst the following code works, i’m sure there must be a cleaner, less bloated way of achieving it, but i am an absolute beginner so any direction would be greatly appreciated.
<div class="border-bottom" padding>
<span ion-text color="dark" class="bold">OPENING HOURS</span>
<ul class="highlight">
<li>
<span ion-text color="primary">MON {{ post.lp_listingpro_options.business_hours.Monday.open}} - {{ post.lp_listingpro_options.business_hours.Monday.close}}</span>
</li>
<li>
<span ion-text color="primary">TUE {{ post.lp_listingpro_options.business_hours.Tuesday.open}} - {{ post.lp_listingpro_options.business_hours.Tuesday.close}}</span>
</li>
<li>
<span ion-text color="primary">WED {{ post.lp_listingpro_options.business_hours.Wednesday.open}} - {{ post.lp_listingpro_options.business_hours.Wednesday.close}}</span>
</li>
<li>
<span ion-text color="primary">THURS {{ post.lp_listingpro_options.business_hours.Thursday.open}} - {{ post.lp_listingpro_options.business_hours.Thursday.close}}</span>
</li>
<li>
<span ion-text color="primary">FRI {{ post.lp_listingpro_options.business_hours.Friday.open}} - {{ post.lp_listingpro_options.business_hours.Friday.close}}</span>
</li>
</ul>
</div>