Angular change input value and display

Question

I have an input like

<mat-form-field>
      <input id="filter_administrationTable_{{ componentName }}" matInput
             (keyup)="administrationTableFilter($event.target.value)" placeholder="{{ filterLabel }}">
    </mat-form-field>

This is used as a filter to a table. After updating my data table, I would like to clear value of filter and clear it in frontend as well. How do I do it in Angular?

What is the value of filter? Where are you binding that value? Whats inside the administrationTableFilter() function to change that value? — Web Nexus, Jan 29 '19 at 12:47

score 0 · Answer 1 · answered Jan 29 '19 at 12:49

0

Check out Clearing an input text field in Angular2 where they use [value] property binding and "Clear" button as a solution to this.

answered Jan 29 '19 at 12:49

Irek Mirgaleev

56
2

score 0 · Accepted Answer · answered Jan 29 '19 at 13:14

0

It was enough to use [(ngModel)]="filterValue" and clear it.

answered Jan 29 '19 at 13:14

Maciej Miśkiewicz

412
2
8
22

Angular change input value and display

2 Answers2