Angular 从数组中添加和删除项

我试图写一个方法来删除和添加项到数组中，我需要一个简单的方法来删除和添加项，因为我不熟悉typescript

export class NgForComponent implements OnInit {

  Sayilar: number[];
  constructor() {
    this.Sayilar = [1, 2, 3, 4, 5];
   }

  ngOnInit() {
  }

}

html

{{sayi}}


删除

您需要将删除项放置在ngFor中以获取单击的项目，否则您将不知道要删除的项目，或者更改界面以确定要删除的项目

<ul>
 <li *ngFor="let sayi of Sayilar">
          {{sayi}}
  <button (click)="delete(sayi)">Delete</button>
 </li>
</ul>

---

您需要将delete放在ngFor中才能获得单击的项目，否则您将不知道要删除哪个项目，或者更改界面以确定要删除哪个项目

<ul>
 <li *ngFor="let sayi of Sayilar">
          {{sayi}}
  <button (click)="delete(sayi)">Delete</button>
 </li>
</ul>

{{sayi}}
删除

打字
删除Sayilar（一）{
这个.Sayilar.拼接（i，1）；
}

{{sayi}}
删除

打字
删除Sayilar（一）{
这个.Sayilar.拼接（i，1）；
}

类型“number[]”上不存在属性“remove”，它在tsconfig中是这样说的。请确保在tsconfig中将编译器目标设置为es6。在处理此问题后，我应该如何添加方法this.Sayilar=this.Sayilar.filter（e=>e！==item）它如何知道将添加该数字？类型“number[]上不存在属性“remove”它在tsconfig中这样说确保在tsconfig中将编译器目标设置为es6。我应该如何在处理此问题后添加方法this.Sayilar=this.Sayilar.filter（e=>e！==item）它如何知道要添加的数字？

delete(item : any){
   this.Sayilar.splice(item ,1);
}

 <li *ngFor="let sayi of Sayilar;let i = index">
          {{sayi}}
  <button (click)="deleteSayilar(i)">Delete</button>
 </li>


in typescript
deleteSayilar(i){
   this.Sayilar.splice(i,1);
}

<ul>
 <li *ngFor="let sayi of Sayilar">
          {{sayi}}
  <button (click)="delete(sayi)">Delete</button>
 </li>
</ul>

delete(sayi){
this.Sayilar.filter(m => m !== sayi)
}