PrimeNG:获取过滤器的文本框值

时间:2018-07-20 13:46:16

标签: angular5 filtering primeng primeng-datatable

在PrimeNG中,我在数据表中有一个过滤器。

我需要获取该过滤器的值并将其绑定到打字稿文件中。 Filters in my application

这些过滤器的输入标签如下:

 <!--Seperate column filter-->

  <th *ngFor="let col of columns" [ngSwitch]="col.field" class="ui-resizable-column" style="text-align: center;vertical-align:top;">

  <input *ngSwitchCase="'insertTs'" class="inputTag form-control" placeholder="Filter by Date" pInputText type="text" (input)="dt.filter($event.target.value, col.field, 'contains')">
  <input *ngSwitchCase="'submitter'" class="inputTag form-control" placeholder="Filter by Submitter" pInputText type="text" (input)="dt.filter($event.target.value, col.field, 'contains')">

  <input *ngSwitchCase="'fileName'" class="inputTag form-control" placeholder="Filter by Filename" pInputText type="text" (input)="dt.filter($event.target.value, col.field, 'contains')">
  <input *ngSwitchCase="'status'" class="inputTag form-control" placeholder="Filter by Status" pInputText type="text" (input)="dt.filter($event.target.value, col.field, 'contains')">

  <input *ngSwitchCase="'completionTs'" class="inputTag form-control" placeholder="Filter by Date" pInputText type="text" (input)="dt.filter($event.target.value, col.field, 'contains')">
  <input *ngSwitchCase="'outputFormat'" class="inputTag form-control" placeholder="Filter by Output Format" pInputText type="text" (input)="dt.filter($event.target.value, col.field, 'contains')">
</th>

对于过滤,PrimeNG使用(input)="dt.filter($event.target.value, col.field, 'contains')"触发默认事件绑定

参数$event.target.value包含过滤器文本字段的值。有什么方法可以获取该值并将其与打字稿绑定?

0 个答案:

没有答案