Ionic4 Ionic 4-如何以编程方式清除Ionic搜索栏？

我在离子4上使用离子搜索栏

我想知道如果用户单击任何其他按钮（而不是取消按钮），如何清除内容

在函数（任何其他按钮）中，我尝试使用：document.getElementById（“搜索栏的名称”）。innerHTML=“”

但是，尽管它修改了内容，它也删除了离子搜索栏

谢谢大家!

加载项搜索栏[（ngModel）]=“searchValue”

在要用户清除文本的按钮中，将其放入按钮内，然后单击示例：

<ion-button color="primary" (click)="clearSearch()">empty search</ion-button>

空搜索

Add in search bar[（ngModel）]=“searchValue”并在ts文件中声明此变量，在要用户清除文本的按钮中，将其放入按钮内，单击此按钮。searchValue=“”；谢谢，太好了@如果这对你有用的话。结束这个问题。不清楚是否找到了解决方案我建议Mostafa Harb回答这个问题，你接受。我已经添加了一个答案mate。如何关闭？

<ion-searchbar [(ngModel)]="searchValue"  animated placeholder='search' (ionChange)="buscar($event)">
</ion-searchbar>

export class PageName {
searchValue:string;
constructor(){}

clearSearch(){
    this.searchValue = "";
}
}

<ion-button color="primary" (click)="clearSearch()">empty search</ion-button>