Блог

У меня проблема с выполнением строки поиска.

Моя проблема в том, как получить данные из firebase и создать их во внешнем интерфейсе с помощью angular.

Я пытаюсь создать сервис для поиска по имени подобным образом:

 import { Injectable } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';


@Injectable({
  providedIn: 'root'
 })
export class FirebaseService {

 constructor(public db: AngularFirestore) {

 }
   searchUsers(searchValue){
    return this.db.collection('Mot',ref => ref.where('Kurde', '>=', 
   searchValue)
  .where('Kurde', '<=', searchValue   'uf8ff'))
  .snapshotChanges()
  }
}
  

и мой компонент такой :

   import { Component, OnInit, NgZone } from '@angular/core';
import { FirebaseService } from '../../shared/services/firebase.service';
import { Observable } from 'rxjs';
import { AngularFirestore } from '@angular/fire/firestore';



export interface Mot {
  Kurde: string;
  Francais: string;
  Iran:string;
  Turquie:string;
  syrie:string;
  Pro:string;
  Iraq:string;
};

@Component({
  selector: 'app-recherche',
  templateUrl: './recherche.component.html',
  styleUrls: ['./recherche.component.css']
})
export class RechercheComponent implements OnInit {
 Motinfo: Mot = {
   Kurde: '',
   Francais: '',
   Iran:'',
   Turquie:'',
   syrie:'',
   Pro:'',
   Iraq:'',
 };
  constructor( public firebaseService: FirebaseService,
) {

}

  ngOnInit() {
  }
  rechercheKurde(kurde) {
    this.firebaseService.searchUsers(kurde)
    .subscribe(result => {
      this.Motinfo = resu<
      console.log(result)
    })
}
}
  

таким образом, это выдает мне ошибку в компоненте :

ОШИБКА в ../../components/recherche/recherche.component.ts(43,7): ошибка TS2740: у типа ‘DocumentChangeAction<{}>[]’ отсутствуют следующие свойства из type ‘Mot’: Курд, Франция, Иран, Турция и еще 3.

Моя база данных в firebase выглядит следующим образом: