如何使用angular2解決離子2應用程序中的錯誤？

Question

大家好如何修復bug使用angular2離子2的應用，其實我開發的離子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

如果您要對過濾列表進行排序：

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

排序具有比較功能，該功能基本上是交換條件。

Answer 2

您需要在另一個函數中返回以下函數，並在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>