Reset specific input text value when method call

Question

how to clear textbox value from another component.

app.component.html

 <input id="search"
         type="text"
         class="form-control"
         name="criteria"
         placeholder="Search000"
         [(ngModel)]="_criteria"
         (ngModelChange)="criteriaChange()"
          >

https://angular.io/guide/component-interaction – JB Nizet Mar 10 '18 at 12:01 — JB Nizet, Mar 10 '18 at 12:01
have you tried something? – Jota.Toledo Mar 10 '18 at 12:19 — Jota.Toledo, Mar 10 '18 at 12:19

score 0 · Answer 1 · answered Mar 10 '18 at 13:28

Try this one, Angular 2 changing component variables on another component

This all depends on the relationship of these components and if you can get a handle of this component directly. Ex. in the testing case, I can easily change the property of any component.

score 0 · Answer 2 · answered Mar 16 '18 at 14:16

Personally, I would just utilize JQuery and on the angular click event, I would just clear out the value; but if you want to use angular.

One way of achieving this is by utilizing @ViewChild

@ViewChild(NameOfComponent) nameOfComponent: NameOfComponent;

this.nameOfComponent.whatEverYouWantToAccess.

Reset specific input text value when method call

2 Answers2