Как решить ошибку в ионном приложении 2 с использованием углового2?

Question

Привет всем Как устранить bug в ионном 2 приложении с помощью angular2, на самом деле я разработка ионных 2 приложений, мы пытаемся отфильтровать list of items in list page поэтому мы использовали type script codes, мы получили некоторую ошибку в visual studio code и списке элементов также не фильтруется в мобильном приложении мы не знаем, где мы допустили ошибку, поэтому, пожалуйста, проверьте ниже приведенное изображение и помогите нам решить эту ошибку. спасибо ..

Мой типаж код сценария: -

let searchTerm: string = ''; 
    this.activitys = data.items.sort((a, b) => { 
     return this.activitys.filter((activity) => { 
     return activity.name.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1; 
    }); 
    }); 

• ошибка произошла в этой строке this.activitys = data.items.sort((a, b) => {

Мой HTML-код: -

<ion-searchbar [(ngModel)]="searchTerm" (ionInput)="loadActivitysWithAuth()"></ion-searchbar> 

нужно фильтровать ниже заданного поля: -

<h2 (click)="gotoResourceListPage(activity)">{{activity.name}}</h2> 

• мы знали, что мы сделали некоторые syntax ошибку в сценарии типа поэтому, пожалуйста, проверить и обновить решение благодаря ...

Answer 1

Вы должны вернуть ниже функцию в другую функцию и вызвать то же самое в вашем HTML файле

filterItems(searchTerm): void { 
      this.activitys = []; 
      this.userPoolsAuthClient.getClient().activitysList().subscribe(
       (data) => { 
       this.activitys = data.items.filter((activity) => { 
        return activity.name.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1; 
       }); 
       }); 

    } 

вызов ниже функции в вашем HTML

setFilteredItems() { 

    return this.filterItems(this.searchTerm); 

} 

и ваш HTML выглядит следующим образом

<ion-searchbar [(ngModel)]="searchTerm" (ionInput)="setFilteredItems()"></ion-searchbar> 

Answer 2

Если вы пытаетесь отсортировать отсортированный список:

let searchTerm: string = ''; 
    this.activitys = data.items.filter((activity) => { 
     return activity.name.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1; 
    }).sort(/*sort comparison function*/); 

Sort выполняет функцию сравнения, которая в основном является условием свопинга.