如何解决错误：找不到类型为“对象”的其他支持对象“ [对象对象]”。

Question

我知道为什么会导致错误。我使用文物。我要做的是一系列。但是我的问题是，如何将本系列翻译成自己的格式？你能帮我么。我已经尝试了5天了。 我是新用户，请不要输入负号。

pipe.ts，如果您注意到该文件具有数组。我发生了诸如新娘的事件：Observable ;。 pipe.TS mi必须纠正

filter.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'appFilter' })
export class FilterPipe implements PipeTransform {
  /**
   * Transform
   *
   * @param {any[]} items
   * @param {string} searchText
   * @returns {any[]}
   */
  transform(items: any[], searchText: string): any[] {
    if (!items) {
      return [];
    }
    if (!searchText) {
      return items;
    }
    searchText = searchText.toLocaleLowerCase();

    return items.filter(it => {
      return it.toLocaleLowerCase().includes(searchText);
    });
  }
}

HTML

<div class="form-group">
<label for="search-text">Search Text</label>
<input type="email" class="form-control" id="search-text" aria-describedby="search-text" 
[(ngModel)]="searchText" placeholder="Enter text to search" autofocus>
</div>
<div class="limiter">
    <div class="container-table100">
        <div class="wrap-table100">
             <div class="table100">
              <table>
                    <thead>
                        <tr class="table100-head">
                            <th style="font-family: 'Teko', sans-serif; font-size: 30px;" class="column1">AD</th>
                            <th style="font-family: 'Teko', sans-serif; font-size: 30px;" class="column2">SOYAD</th>
                            <th style="font-family: 'Teko', sans-serif; font-size: 30px;" class="column3">TELEFON</th>
                            <th style="font-family: 'Teko', sans-serif; font-size: 30px;" class="column4">ADRES</th>
                            <th style="font-family: 'Teko', sans-serif; font-size: 30px;" class="column5">TÜR</th>
                        <th style="font-family: 'Teko', sans-serif; font-size: 30px;" class="column5">KALAN</th>
                        <th style="font-family: 'Teko', sans-serif; font-size: 30px;" class="column5">İŞLEMLER</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let bride of brides | appFilter: searchText">
                        <td style="font-family: 'Open Sans Condensed', sans-serif; color: black; font-size: 25px; " class="column1 ">{{bride.name}}</td>
                        <td style="font-family: 'Open Sans Condensed', sans-serif; color: black; font-size: 25px; " class="column2 ">{{bride.surname}}</td>
                        <td style="font-family: 'Open Sans Condensed', sans-serif; color: black; font-size: 25px; " class="column3 ">{{bride.phone}}</td>
                        <td style="font-family: 'Open Sans Condensed', sans-serif; color: black; font-size: 25px; " class="column4 ">{{bride.adress}}</td>
                        <td style="font-family: 'Open Sans Condensed', sans-serif; color: black; font-size: 25px; " class="column5 ">{{bride.type | uppercase}}</td>
                        <td ng-controller="costCtrl " style="font-family: 'Open Sans Condensed', sans-serif; color: black; font-size: 25px; " class="column6 ">{{bride.remaining | currency}} ₺</td>
                        <td style="font-family: 'Open Sans Condensed', sans-serif; color: black; font-size: 25px; " class="column7 ">

                            <button (click)="deleteBride(bride._id) "><img class="icon " src="../../../assets/img/delete.svg " alt=" "></button>
                            <button (click)="updateBride(bride._id) " style="margin-left: 10px "><img class="icon " src="../../../assets/img/edit.svg " alt=" "></button>
                            <button (click)="brideDetails(bride._id) " style="margin-left: 10px "><img class="icon " src="../../../assets/img/information.png " alt=" "></button>
                            <button (click)="brideInvoice(bride._id) " style="margin-left: 10px; "><img class="icon " src="../../../assets/img/printer.svg "></button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

TS

import { Component, OnInit } from '@angular/core';
import { BrideService } from "../../../services/brides/bride.service";
import { Bride } from "../../../services/brides/bride";
import { Observable } from "rxjs";
import { Router } from '@angular/router';
import { Pipe, PipeTransform } from '@angular/core';


  @Component({
  selector: 'app-bride-list',
  templateUrl: './bride-list.component.html',
  styleUrls: ['./bride-list.component.css']
  })



  export class BrideListComponent implements OnInit {

   brides: Observable<Bride[]>;
   title = 'angular-text-search-highlight';
   searchText = '';


  constructor(
     private brideService: BrideService,
     private router: Router
  ) { }



  ngOnInit(): void {
    this.reloadData();

  }


  reloadData() {
     this.brides = this.brideService.getBrideList();
  }



  deleteBride(id: number) {
     this.brideService.deleteBride(id)
       .subscribe(
        data => {
          console.log(data);
          this.reloadData();
        },
        error => console.log(error));
  }

  brideDetails(id: number){
    this.router.navigate(['/details', id]);
  }

  brideInvoice(id: number){
    this.router.navigate(['/invoice', id]);
  }

  updateBride(id: number){
    this.router.navigate(['/update', id]);
  }
}