Angular 2/3/4/5/6/7 Sort a table with data from a Array of complex JSON Object

Sort-Filter.pipe.ts

import { Pipe, PipeTransform } 
from '@angular/core';
@Pipe({ name: 'sortFilter' })

export class SortFilterPipe
 implements PipeTransform {
    key: string;
  
    transform(items: Array, 
   key: string, asc: boolean)
 {
  this.key = key;
 if (items)
  {
  if (asc)
   {
   return items.sort((item1: any, 
                    item2: any) => 
    {               
    if (!item2[this.key])
     return -1
    else if (!item1[this.key])
     return 1
    else if (item1[this.key] > 
            item2[this.key])
     return 1
    else if (item1[this.key] ===
           item2[this.key])
     return 0
    else
     return -1
   })
  }
  else
 {
  return items.sort((item1: any,
    item2: any) => 
 {                 
 if (!item2[this.key])
   return 1
 else if (!item1[this.key])
   return -1
 else if (item1[this.key] < 
          item2[this.key])
   return 1
 else if (item1[this.key] ===
         item2[this.key])
  return 0
 else
   return -1
  })
 }
}}}


Componentt.ts
import { sortFilterPipe } 
from '../../../shared/sort-filter.pipe';

export class component implements OnInit{
sorkKey: string;
isAsc: boolean;
sortedList;
 data = 
[{ name: 'Name1', age: 20, 
   sex: 'M', married: false}
 { name: 'Name2', age: 30,
    sex: 'F', married: true},
 { name: 'Name3', age: 22, 
   sex: 'F', married: false},
 { name: 'Name4', age: 25, 
   sex: 'M', married: true}  ,
]

constructor(private sortFilter:
            sortFilterPipe) {

            }

ngOnInit(){
//default sort key
 this.sortedList = this.data;
 this.sorkKey = "name";
  this.sort(this.sortKey)
}
 sort(key: string)
 {
  this.isAsc = !this.isAsc
  this.sorkKey = key;
  this.sortedList= 
  this.sortFilter.transform(this.sortedList, 
   this.sorkKey, 
  this.isAsc);
}

}
component.html
<table>
  <th>
  <td 
  (click)="sort('name')">Name</td>
  <td
 (click)="sort('age')" >Age</td>
 <td 
 (click)="sort('sex')">Sex</td>
 <td 
 (click)="sort('married')">Marrital Status&
  lt;/td>
  </th>
  <tr *ngFor="let item of sortedList">
    <td> {{item.name}} </td>
    <td>{{item.age}} </td>
    <td>{{item.sex}}; </td>
   <td>{{item.married}} </td>
  </tr>
</table>