单击后的角搜索功能

Question

我试图在单击后过滤表中的对象。

HTML

<form [formGroup]="form"  (ngSubmit)="onSubmit(searchValue)">
  <mat-form-field class="filter" floatLabel="never">
    <mat-label>Name</mat-label>
      <input matInput formControlName="nameFilter" [value]="searchValue">
  </mat-form-field> 

  <button mat-raised-button class="search">Search</button>
</form>

TS

onSubmit(){

    this.ListService.getList(this.currentUser().my_token, this.form.value).then(res => {
      this.nameFilter.valueChanges.subscribe(name => {
      this.filterValue.name = name;
      this.dataSource.filter = JSON.stringify(this.filterValue);

      });
    })
  }

SERVICE

getList(token, frm) {
    return new Promise((resolve, reject) => {
      return this.http.post<any>("my_path",
        {
          'token': token,
          'frm': 
          {
            'id': frm.id,
            'name' : frm.name
          }
    })

当我在输入中输入名称并单击搜索按钮时，我希望所有与输入名称匹配的名称都显示在表格中。我在哪里做错了？

Answer 1

您可以对nameFilter使用2种方式的绑定，并在单击按钮时调用onSubmit。如下所示

Answer 2

您可以使用按钮的type =“ submit”。