Html 如何添加按键事件

Html 如何添加按键事件,html,angular,typescript,filter,angular-material,Html,Angular,Typescript,Filter,Angular Material,我正在为我定义的变量设置一个输入字段,该字段用于筛选前端的表。它不希望返回任何值,除非在输入字段中输入了键。如果输入字段不希望返回键事件,如何使筛选器工作。我希望它在分配'filteredValue'时立即返回值 HTML 你可以用按键 doFilter(filterKety){ console.log(filterKey) 如果(filterKey.length>2){ //你的逻辑 } } 过滤器1 你可以用按键 doFilter(filterKety){ console.l

我正在为我定义的变量设置一个输入字段,该字段用于筛选前端的表。它不希望返回任何值,除非在输入字段中输入了键。如果输入字段不希望返回键事件,如何使筛选器工作。我希望它在分配
'filteredValue'
时立即返回值

HTML

  • 你可以用按键
doFilter(filterKety){
console.log(filterKey)
如果(filterKey.length>2){
//你的逻辑
} 
}

过滤器1
  • 你可以用按键
doFilter(filterKety){
console.log(filterKey)
如果(filterKey.length>2){
//你的逻辑
} 
}

过滤器1

那么您希望在输入字段中键入内容后立即输入值吗?如果是这样的话,你应该在这里检查用户“Saga”的答案,我已经给输入字段赋值了。但过滤器仅在我编辑文本框时返回值。我希望在页面加载后立即筛选值。那么,您希望在输入字段中键入内容后立即筛选值吗?如果是这样的话,你应该在这里检查用户“Saga”的答案,我已经给输入字段赋值了。但过滤器仅在我编辑文本框时返回值。我希望在页面加载后立即筛选这些值。这仍然不能提供所需的解决方案。当页面加载时,输入字段已经分配了一个值(“filteredValue”)。我希望在表中返回数据后立即筛选该值。这仍然不能提供所需的解决方案。当页面加载时,输入字段已经分配了一个值(“filteredValue”)。我希望在表中返回数据后,立即通过表筛选此值。
<mat-form-field appearance="outline" *ngIf="filteredValue">
  <mat-label>Filter 1</mat-label>
  <input matInput 
         type="text" 
         (input)="doFilter($event.target.value)" 
         placeholder="Ex. BMW" 
         value="{{filteredValue | lowercase }}">
</mat-form-field>