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()"
          >

angular.io/guide/component-interaction

JB Nizet
– JB Nizet

2018-03-10 12:01:26 +00:00
Commented Mar 10, 2018 at 12:01 — JB Nizet
– JB Nizet, Commented Mar 10, 2018 at 12:01
have you tried something?

Jota.Toledo
– Jota.Toledo

2018-03-10 12:19:40 +00:00
Commented Mar 10, 2018 at 12:19 — Jota.Toledo
– Jota.Toledo, Commented Mar 10, 2018 at 12:19

windmaomao · Accepted Answer · 2018-03-10 13:28:32Z

0

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.

answered Mar 10, 2018 at 13:28

windmaomao

7,7322 gold badges37 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Demodave · Accepted Answer · 2018-03-16 14:16:23Z

0

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.

answered Mar 16, 2018 at 14:16

Demodave

6,7007 gold badges47 silver badges63 bronze badges

Collectives™ on Stack Overflow

Reset specific input text value when method call

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related