implement search function

This commit is contained in:
reaw55 2021-12-08 22:25:03 +07:00
parent 7247477d51
commit e4002ce835
4 changed files with 61 additions and 9 deletions

View file

@ -6,6 +6,19 @@
<ion-content>
<ion-toolbar>
<ion-searchbar></ion-searchbar>
<ion-searchbar [(ngModel)]="searchbar" (search)="search($event)"></ion-searchbar>
</ion-toolbar>
<ion-item *ngFor="let item of current">
<h2><b>web: </b>{{item.web}}<br></h2>
<h6><b>category: </b>{{item.category}}<br></h6>
<h6><b>Type: </b>{{item.type}}<br></h6>
<h6><b>time: </b>{{item.time}}<br></h6>
</ion-item>
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
<ion-infinite-scroll-content
loadingSpinner="bubbles"
loadingText="Loading more data...">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>