Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何仅以角度显示来自firebase的搜索结果?_Javascript_Angular_Search_Firebase Realtime Database_Angularfire2 - Fatal编程技术网

Javascript 如何仅以角度显示来自firebase的搜索结果?

Javascript 如何仅以角度显示来自firebase的搜索结果?,javascript,angular,search,firebase-realtime-database,angularfire2,Javascript,Angular,Search,Firebase Realtime Database,Angularfire2,我想使用angular version 8仅显示firebase的搜索结果。我有客户的数据存储在firebase中,我想按名称搜索特定结果 import { Component, OnInit } from '@angular/core'; import { CustomerService } from '../shared/customer.service'; import { AngularFireDatabase } from 'angularfire2/datab

我想使用angular version 8仅显示firebase的搜索结果。我有客户的数据存储在firebase中,我想按名称搜索特定结果

    import { Component, OnInit } from '@angular/core';
    import { CustomerService } from '../shared/customer.service';
    import { AngularFireDatabase } from 'angularfire2/database';

    @Component({
      selector: 'app-customer-list',
      templateUrl: './customer-list.component.html',
      styleUrls: ['./customer-list.component.css']
    })
    export class CustomerListComponent implements OnInit { 

      customerArray = [];
      searchText: string = "";
      findName: string;

      constructor(private customerService: CustomerService) { }

      ngOnInit() {
        this.customerService.getCustomers().subscribe(
          list => {
            this.customerArray = list.map(item => {
              return {
                $key: item.key,
                ...item.payload.val()
              };
            });
          });
      }

      filterCondition(customer) {
        return 
     customer.fullName.toLowerCase().indexOf(this.searchText.toLowerCase()) != -1;
      }
  find(findName){
     // query to check the enter name exist is firebase and display it
   }
}

我希望只显示搜索数据,但显示的是完整的客户列表

您从来没有实际使用过您编写的
筛选条件
,因此当然会显示所有客户

很难判断是否存在其他问题,因为您没有在问题中指定预期的输出或示例数据,但您至少需要更改订阅类似内容时使用的回调:

this.customerService.getCustomers().subscribe(
列表=>{
this.customerArray=list.filter(this.filterCondition).map(项=>{
//为纪念而省略的内容
});
});

angularfire2
是一个旧版本库。您需要安装
@angular/fire
库。