Question

我需要从数组中删除项目。对于单个数组非常简单

<div *ngFor="let item of selectedRecipe; let i = index">
    <div class="recipe">
        <div class="mini-card">
            <div class="img"><img *ngIf="item.pictureUrl" [src]="item.pictureUrl" alt="img-recipe" width="80"
                    height="80"></div>
            <div class="img"><img *ngIf="!item.pictureUrl" src="../../../assets/aplikacija/no-image-64.png"
                    alt="img-recipe" width="80" height="80"></div>
            <div class="name">{{ item.name }}</div>
            <div class="watch">
                {{ item.preparationTime / 60 }} min
            </div>
            <div class="close-button" (click)="removeRecipe(i)">
                <span> &#10060; </span>
            </div>
        </div>
    </div>
</div>

removeRecipe（recipe）{ this.selectedRecipe.splice（recipe，1）; 这是从selectedRecipe中删除的，这很好，但是..但是。我发送到服务器的值在另一个数组上... }

我发送到服务器的阵列以及未删除项目的阵列。

  arrOfRecipes = {
     breakfast : [] ,
     lounch : [] ,
     dinner : [] ,
     snack: [],
     allRecipe : []
  };

这是我发送到服务器的数组。我将所有项目发送到服务器。从allReciepe中删除非常简单，这里是早餐，午餐和晚餐的所有ID。但是如何从示例早餐数组中删除？

selectedRecipe是我在select上填写的数组。在选择下拉列表中，我将id推送到数组。我有说要把早餐或晚餐放在哪里...

if(this.selectedType === 0){ 
   e.addedItems.map(obj => {  
    this.arrOfRecipes.breakfast.push(obj) 
  }) 
}

if(this.selectedType === 1){  
  const filteredObj = e.addedItems.map(obj => {  
    this.arrOfRecipes.lounch.push(obj)
  }) 
}

我的问题：如何从selectedRecipe和发送到服务器的阵列中删除同步？

如何从两个分开的数组中删除项目？打字稿

0 个答案: