Как поставить условие на кнопку в ионном

Question

У меня есть код страницы электронной коммерции. Я хочу использовать кнопку, если кто-то что-то выбрал, тогда она показывает Удалить текст на этой кнопке, в противном случае имя по умолчанию должно быть Добавить в корзину. Мой код выглядит следующим образом:

<button
                *ngIf="!added"
                (click)="addToCart(cItem.id,i)"
                class="btn btn-primary"
              >
                Add to cart
              </button>
              <button
                *ngIf="added"
                (click)="removeitem(cItem.id,i)"
                class="btn btn-primary"
              >
                Remove
              </button>

            </div>

, а файл .ts -

addToCart(index,i) {debugger;
    this.added=true;
    this.dynamicArray.push(index);
    this.toasterService.Success('Item Added Successfully')
    return true;
  }
  removeitem(item: any,i) {debugger;
    this.added=false;
    const index = this.categoriesItem.findIndex(x => x.id === item);
   this.categoriesItem.splice(index, 1);
   console.log(this.added)
  }

Answer 1

Вы можете просто так сделать

<button (click)="checkCart(cItem.id,i)"class="btn btn-primary">{{ added == true ? 'Remove' : 'Add To cart' }}  </button>

.ts

checkCart(index,i) {
    if(this.added){
        const index = this.categoriesItem.findIndex(x => x.id === item);
        this.categoriesItem.splice(index, 1);
    }
    else{
        this.dynamicArray.push(index);
        this.toasterService.Success('Item Added Successfully')
        return true;
        this.added = true;
    }
}