Ioni c 4 - Как я могу программно очистить ion-searchbar?

Question

Я работаю с ion-searchbar на Ioni c 4.

Я хотел бы знать, как я могу очистить содержимое, если пользователь нажимает любую другую кнопку (не кнопку отмены).

<ion-searchbar id="name_of_searchbar" animated placeholder='search' (ionChange)="buscar($event)">
</ion-searchbar>

В функции (любая другая кнопка) я пытаюсь использовать: document.getElementById ("name_of_searchbar"). inner HTML = "";

, но, хотя он и изменяет содержимое, он также удаляет ion-searchBar

Спасибо!

Answer 1

Добавить в строку поиска [(ngModel)] = "searchValue"

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

И в файле ts:

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

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

В кнопке вы хотите, чтобы пользователь очистил текст с , поместите внутрь пример нажатия кнопки:

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