Поиск / фильтрация элементов из списка API массива, работает нормально, но не возвращается в нормальное состояние IONI C 3

Question

при поиске по зданиям это работает отлично, но если я очищаю поиск, данные в DOM не возвращаются в нормальное состояние, я хочу иметь возможность сбросить элемент поиска, не покидая вид или повторного вызова API

Примечание: мне трудно получить необходимые документы для фильтрации, сортировки и т. д. c, если вы можете опубликовать ссылку здесь, буду очень признателен, я буду много пользуюсь этой функциональностью в моем приложении, спасибо

1. Ioni c framework, машинопись

....... .................................................. ...............................................

  Export...

    public buildings = new Array<any>();

Constructor () {

this.initializeSearchHandler (); }

 /* this function is supposed get the list of building data from the API */

     initializeSearchHandler() {

        this.webApi.getData("/buildings", _Id)
          .subscribe(
            data => {
              let response = data as any;
              let ret = JSON.parse(response._body);
              this.buildings = ret;
            },
            error => {
              console.error("error", error);
            }
          ); }


    /* this one is to perform the search*/

searchBuilding (ev) {

Эта функция предназначена для сброса элементов поиска this.initializeSearchHandler ();

// set val to the value of the ev target
var val = ev.target.value;
// if the value is an empty string don't filter the items
if (val && val.trim() != '') {
  this.compBuildings = this.compBuildings.filter((item) => {
    return (item.name.toLowerCase().indexOf(val.toLowerCase()) > -1);
  })
}

}

HTML

я что-то упустил, пожалуйста, укажите мне правильное направление