角度6:直接在表格中搜索,无需按Enter

时间:2018-07-27 08:41:48

标签: angular

我正在寻找一个搜索,该搜索是在输入角度为6的字母时直接过滤表格。 在这里,您可以找到我的功能搜索:

template: `
<input #search class="search" type="text" placeholder="   Recherche globale" 
(keydown.enter)="onSearch(search.value)">`

constructor() {
this.source = new LocalDataSource(this.data);
}

onSearch(query: string = '') {
 if (query === '') {
   this.source.reset();
 } else {
this.source.setFilter([
  // fields we want to include in the search
  {
    field: 'SITE',
    search: query
  },
  {
    field: 'FILIERE',
    search: query
  },
  {
    field: 'TYPE',
    search: query
  },
  {
    field: 'TYPESOURCE',
    search: query
  },
  {
    field: 'MOTIFNOTIF',
    search: query
  },
], false);
}

我想对我的所有field进行这种“动态搜索”。

1 个答案:

答案 0 :(得分:0)

由于@Eliseo,我们只需将(keydown.enter)="onSearch(search.value)"更改为(input)="onSearch(search.value)"