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

Posted 2023-03-13

【中文标题】方法调用时重置特定输入文本值

【英文标题】：Reset specific input text value when method call

【发布时间】：2018-08-18 21:54:07

【问题描述】：

如何从另一个组件中清除文本框值。

app.component.html

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

【问题讨论】：

angular.io/guide/component-interaction

你试过了吗？

【参考方案1】：

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

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

【参考方案2】：

就我个人而言，我只会使用 JQuery 并在 angular click 事件中，我会清除值；但如果你想使用角度。

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

@ViewChild(NameOfComponent) nameOfComponent: NameOfComponent;

this.nameOfComponent.whatEverYouWantToAccess.