イオン配列フィルターはフィルターしません

配列内のアイテムのリストがあります。配列の各要素には次が含まれます。

id
date
status
name
description

status = 'pending'である最初の配列のすべての要素を含む2番目の配列を作成しようとしています。

home.tsファイルで次のコードを実行しています。

showPending(){
    this.pendingItems = this.items;
    this.pendingItems.filter((item) => {return item.status === 'pending'});
    this.navCtrl.push(ShowPendingPage, {
    pendingItems: this.pendingItems      
    });
  }

アプリケーションを実行するとき、items配列に3つの要素を追加します。 2つの要素のステータスは保留中、1つの要素のステータスは完了です。上記のコードを実行すると、ShowPendingPageがプッシュされます。 ShowPendingPage.tsファイルで次のコードを実行します。

this.passedArray = this.navParams.get('pendingItems')

ShowPendingPage.htmlで次を実行します。

 <ion-content>
  <ion-list>
      <ion-item-sliding *ngFor="let item of passedArray">
        <ion-item [ngClass]="item.status">
            {{item.name}} - Added {{item.date}}
        </ion-item>  
        <ion-item-options side="right">
          <button ion-button color="light" (click)="viewItem(item)">View</button>
        </ion-item-options>
      </ion-item-sliding>
    </ion-list>
  </ion-content>

結果の配列には、元の配列の3つの要素すべてが含まれます。ステータスを保留中に設定した2つの要素のみを含める必要があります。

私が欠けているものを見ることができる私よりも良い目を持つ誰か？