Json 使用REST API错误过滤数据：“错误”；财产'；过滤器'；不存在于类型'；可观察<；任何>'&引用；

我试图在我的Ionic应用程序中创建一个过滤器按钮，但我得到两个错误

第一个是： this.filteredData.filter不是函数

第二个是： 错误TS2339:类型上不存在属性“筛选器”

我把代码留在这里，以显示我迄今为止所做的尝试

HTML

    <ion-header>
  <ion-toolbar>
    <ion-title color="primary"> Proyectos </ion-title>
    
    <ion-buttons slot="end">
      <ion-button (click)="dataFilter()" color="primary">
        <ion-icon slot="icon-only" name="funnel-sharp"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <ion-card mode="ios" *ngFor="let project of projects |  async">
    <ion-card-header>
      <ion-card-title color="primary"> {{ project.project_name }} </ion-card-title>
      <ion-card-subtitle> {{ project.project_id }} </ion-card-subtitle>
      <ion-card-subtitle> Fecha de inicio: {{ project.start_date }} </ion-card-subtitle>
      <ion-card-subtitle> Fecha estimada de entrega: {{ project.end_date }} </ion-card-subtitle>
    </ion-card-header>
    <ion-card-content>
      <ion-card-subtitle> Descripción </ion-card-subtitle> 
      {{ project.project_description }} 
    </ion-card-content>

    <ion-button (click)="btnDelete()" expand="block" color="danger" fill="clear">
      Borrar
      <ion-icon slot="start" name="trash-outline"></ion-icon>
    </ion-button>
  </ion-card>
</ion-content>

Json db 这是de JSON服务器的JSON文件

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

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

  constructor(  private http: HttpClient) { }

  getProjects() {
    return this.http.get('http://localhost:3000/projects');
  }
}

{
  "projects" : [
    {
      "project_id": "TEST-1",
      "project_name": "Test 1",
      "client_name": "I'm the test #1",
      "client_email": "test@test.com",
      "start_date": "11 Jun, 2021",
      "end_date": "30 Nov, 2021",
      "project_description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, culpa. Accusamus ad vitae quae pariatur sunt iste quo, iusto nostrum nihil ipsum officiis ut aspernatur distinctio neque voluptas libero molestias?" 
    },
    {
      "project_id": "TEST-2",
      "project_name": "Test 2",
      "client_name": "I'm the test #2",
      "client_email": "test2@test.com",
      "start_date": "11 Jun, 2021",
      "end_date": "30 Nov, 2021",
      "project_description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, culpa. Accusamus ad vitae quae pariatur sunt iste quo, iusto nostrum nihil ipsum officiis ut aspernatur distinctio neque voluptas libero molestias?" 
    },
    {
      "project_id": "TEST-3",
      "project_name": "Test 3",
      "client_name": "I'm the test #3",
      "client_email": "test3@test.com",
      "start_date": "11 Jun, 2021",
      "end_date": "30 Nov, 2021",
      "project_description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, culpa. Accusamus ad vitae quae pariatur sunt iste quo, iusto nostrum nihil ipsum officiis ut aspernatur distinctio neque voluptas libero molestias?" 
    }
  ]
}

---

如果有人能帮我指出正确的方向，请

您是否收到了“this.projects”中的数据？？？以及您从restService.getProjects收到的数据，我认为您需要这样做。this.restService.getProjects（）.sucscribe（（响应：any）=>{this.filteredData=response；}）；

{
  "projects" : [
    {
      "project_id": "TEST-1",
      "project_name": "Test 1",
      "client_name": "I'm the test #1",
      "client_email": "test@test.com",
      "start_date": "11 Jun, 2021",
      "end_date": "30 Nov, 2021",
      "project_description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, culpa. Accusamus ad vitae quae pariatur sunt iste quo, iusto nostrum nihil ipsum officiis ut aspernatur distinctio neque voluptas libero molestias?" 
    },
    {
      "project_id": "TEST-2",
      "project_name": "Test 2",
      "client_name": "I'm the test #2",
      "client_email": "test2@test.com",
      "start_date": "11 Jun, 2021",
      "end_date": "30 Nov, 2021",
      "project_description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, culpa. Accusamus ad vitae quae pariatur sunt iste quo, iusto nostrum nihil ipsum officiis ut aspernatur distinctio neque voluptas libero molestias?" 
    },
    {
      "project_id": "TEST-3",
      "project_name": "Test 3",
      "client_name": "I'm the test #3",
      "client_email": "test3@test.com",
      "start_date": "11 Jun, 2021",
      "end_date": "30 Nov, 2021",
      "project_description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, culpa. Accusamus ad vitae quae pariatur sunt iste quo, iusto nostrum nihil ipsum officiis ut aspernatur distinctio neque voluptas libero molestias?" 
    }
  ]
}