方法调用时重置特定输入文本值

Question

如何从其他组件中清除文本框值。

app.component.html

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

Answer 1

试试这个，Angular 2 changing component variables on another component

这一切都取决于这些组件的关系，以及是否可以直接获得该组件的句柄。防爆。在测试用例中，我可以轻松更改任何组件的属性。

Answer 2

就个人而言，我只是利用JQuery，在角点击事件中，我只是清除了值;但如果你想使用角度。

实现这一目标的一种方法是利用@ViewChild

@ViewChild(NameOfComponent) nameOfComponent: NameOfComponent;

this.nameOfComponent.whatEverYouWantToAccess.