我需要当我点击一个表的行我增加的金额，当我再次点击同一行我减去我已经增加的金额。我已经设法增加它，但我不知道如何使它减去金额时再次点击。
我已经成功地使选中的行根据我是否选中它而改变颜色，但是现在我需要在再次单击该行时减去所添加的内容（如果我成功了，就这样做）。
这是我的html：

<tbody>
                <tr *ngFor="let item of articulos; index as i" (click)="total(item.cantidad)"
                    (click)="cambiarFlag(item)" 
                    [ngClass]="{'seleccionada': item.selected, 'noSeleccionada': !item.selected}">
                    <td>{{item.articulo}}</td>
                    <td>{{item.cantidad}}</td>
                    <td>{{item.recogida}}</td>
                </tr>
                <br>
            </tbody>

        <div type="button" class="col border border-white border-4" id="other" type="button"
            routerLink="/entry-order-lines-quantity" style="background-color:rgb(3, 71, 150);">
            Cantidad {{totalCantidad}}
        </div>

这是我的ts：

export class EntryOrderLinesComponent implements OnInit {
  totalCantidad: number = 0;

  articulos = [
    {
      articulo: '385/65X22.5 HANKOOK AH51 160K (3003836)',
      cantidad: 94,
      recogida: '0',
      selected: false,
    },
    {
      articulo: '385/65X22.5 HANKOOK TH31 164K (3003309)',
      cantidad: 60,
      recogida: '0',
      selected: false,
    },
  ];

  total(cantidad: number) {
    this.totalCantidad += cantidad;
  }

  cambiarFlag(item: any) {
    item.selected = !item.selected;
  }

非常感谢。