Javascript 如何仅以角度显示来自firebase的搜索结果?
我想使用angular version 8仅显示firebase的搜索结果。我有客户的数据存储在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
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
库。