Ionic 4,Firebase和Searchbar

时间:2019-03-18 14:40:04

标签: firebase ionic-framework ionic4 searchbar

我需要使用搜索栏从Firebase查找名称的帮助。我已经能够成功列出Firebase中的所有名称,但是在搜索Firebase中查找特定名称时遇到了麻烦。

Firebase数据结构:

array_of_values = key.split("\n")
# => ["John Clark", "Dallas", ... ]

groups_of_seven = array_of_values.each_slice(7)
# => #<Enumerator: ["John Clark", "Dallas", ...]

groups_of_seven.first
# => ["John Clark", "Dallas", "System Engineer", "Global Edge", "Wage 2", "Y", "1"]

home.page.html

myApplicaton
    infos
      1
       info_name:Name1
      2 
       info_name: Name2

home.page.ts-我可以使用console.log在搜索栏中看到我输入的名称。

<ion-content>
    <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
  <ion-list>
    <ion-item-sliding *ngFor="let info of infos">
      <ion-item detail lines="full" routerLink="/detail/{{info.key}}">
        <ion-icon name="desktop" slot="start"></ion-icon>
        {{info.info_name}}
      </ion-item>
    </ion-item-sliding>
  </ion-list>
</ion-content>

0 个答案:

没有答案