Angular 点击事件后的角度搜索

我最近和Angular一起工作，我需要帮助

我有一张带有棱角材料的桌子，在这张桌子上我有很多项目，我有一个“搜索框”，如下所示：

<mat-form-field>
  <input matInput [(ngModel)]="SearchText" placeholder="Filtra i risultati" style="color: black;">                     
</mat-form-field>

<button mat-button (click)="applyFilter($event.target.value)" class="search-button">
  <mat-icon>search</mat-icon>
</button>

<mat-form-field>
   <input matInput [(ngModel)]="SearchText" placeholder="Filtra i risultati" style="color: black;">                     
</mat-form-field>

<button mat-button (click)="applyFilter(SearchText)" class="search-button">
  <mat-icon>search</mat-icon>
</button

实际上，我想要实现的结果是，只有在框中写入内容并单击按钮后，才能显示项目列表

因此，表最初是空的

我写了一些东西，然后点击搜索按钮，请求的结果就会出现

我怎样才能得到这个结果？ 你能帮我学习HTML和TS吗

感谢更改

（单击）=“applyFilter（$event.target.value）”

和

（单击）=“applyFilter（SearchText）”

$event.target.value

表示同一输入元素的值，这里需要按钮元素的输入值。因此，请使用模型值

SearchText

试着这样做：

<mat-form-field>
  <input matInput [(ngModel)]="SearchText" placeholder="Filtra i risultati" style="color: black;">                     
</mat-form-field>

<button mat-button (click)="applyFilter($event.target.value)" class="search-button">
  <mat-icon>search</mat-icon>
</button>

<mat-form-field>
   <input matInput [(ngModel)]="SearchText" placeholder="Filtra i risultati" style="color: black;">                     
</mat-form-field>

<button mat-button (click)="applyFilter(SearchText)" class="search-button">
  <mat-icon>search</mat-icon>
</button

搜索
将
（单击）=“applyFilter（$event.target.value）”
更改为
（单击）=“applyFilter（SearchText）”

$event.target.value
表示同一输入元素的值，这里需要按钮元素的输入值。因此，请使用模型值
SearchText

试着这样做：

<mat-form-field>
  <input matInput [(ngModel)]="SearchText" placeholder="Filtra i risultati" style="color: black;">                     
</mat-form-field>

<button mat-button (click)="applyFilter($event.target.value)" class="search-button">
  <mat-icon>search</mat-icon>
</button>

<mat-form-field>
   <input matInput [(ngModel)]="SearchText" placeholder="Filtra i risultati" style="color: black;">                     
</mat-form-field>

<button mat-button (click)="applyFilter(SearchText)" class="search-button">
  <mat-icon>search</mat-icon>
</button


搜索
我需要更换我的TS吗？因为当我点击搜索按钮时，它仍然不起作用。
console.log（filterValue）
在你的.ts中。如果它与您键入的内容相同，您就可以开始了。无需更改任何内容，前提是您的后端工作正常。请记住，您必须再次进行API调用。仅设置datasource筛选器值不起作用是的，使用console.log（filterValue）时，我的搜索结果与我的搜索结果相同，但表中没有任何结果。不过滤：（检查您的后端。我在控制台中遇到此错误：在JSON中位置0处出现意外令牌查找内容。其中“查找内容”是我搜索的词。我需要更改我的TS吗？因为当我单击“搜索”按钮时，它仍然不起作用。
console.log（filterValue）
在您的.ts中。如果它与您键入的内容相同，则可以继续。如果您的后端工作正常，则无需更改任何内容。请记住，您已再次进行API调用。仅设置数据源筛选器值无效。是的，使用console.log（filterValue）我的搜索结果与我的搜索结果相同，但表中没有任何结果。未筛选。：（检查您的后端。我在控制台中有此错误：在JSON中的位置0处查找意外标记。其中“查找某物”是我搜索的词。检查控制台是否有错误检查控制台是否有错误