home.html search

<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>

  <ion-searchbar
    [(ngModel)]="searchKeyword"
    (keyup.enter)="search(searchKeyword, $event)"
    [showCencelButton]="shouldShowCencel"
    (ionInput)="onCencel($event)">
  </ion-searchbar>

</ion-header>

<ion-content>

  <ion-card *ngFor="let data of datas">

    <ion-item *ngFor="let author of data._embedded.author">
      <ion-avatar item-left>
        <img src="{{author.avatar_urls['24']}}"/>
      </ion-avatar>
      <h2>{{author.name}}</h2>
      <p>{{data.date | date:'dd/MM/yyyy'}}</p>
    </ion-item>

    <div *ngFor="let thumbnail of data._embedded['wp:featuredmedia']">
      <img
        src="{{thumbnail.media_details.sizes.full.source_url}}"
        *ngIf="thumbnail.source_url"/>
    </div>

    <ion-card-content>
      <ion-card-title>{{data.title.rendered}}</ion-card-title>
      <div [innerHTML]="data.excerpt.rendered">
        {{data.excerpt.rendered}}
      </div>
    </ion-card-content>

    <button full primary padding
      (click)="openSinglePage(data._links.self[0].href)"
      >READ MORE</button>

  </ion-card>

</ion-content>