Hämta antal data från filtrerad tabell Angular TypeScript

Jag behöver en sidfot längst ner på min tabell som säger hur många avsändare det finns i den filtrerade datatabellen. Vet någon ett sätt att få antalet filtrerade objekt i en array som visas i tabellen? Här är koden jag använde för att filtrera datan:

filterTitles() {
console.log("Hello")
const filterR = (this.selectedItem)
// if (this.selectedData = 'ALL') {
//   this.selectedData = this.receivers;
// }
if (this.selectedItem == 'ALL') {
  this.selectedData = this.unfilteredData;
  console.log("ALL");
  this.receiverNum = 2;
}
else if (filterR.length > 0) {
      this.selectedData = this.data.filter(
      (element) =>
      element.receiver.toLowerCase().indexOf(filterR.toLowerCase()) > -1
    );
    console.log("ra");
    this.receiverNum = 1;
}
else {
    this.selectedData = this.data;
}

const filter = (this.searchedKeyword) || '';
if (filter.length > 0) {
    this.selectedData = this.selectedData.filter(
    (element: { sender: string; }) =>
      element.sender.toLowerCase().indexOf(filter.toLowerCase()) > -1
  );
}

}

Detta är vad jag använder för sidfoten

            <tfoot>
                <tr>
                    <td>Total Receiver {{ receiverNum }} </td>
                    <td>Total Sender {{ senderNum }}</td>
                </tr>
            </tfoot>