Angular - Pasar el valor de entrada y sume y reste sobre él en angular

Necesito pasar la cantidad, por ejemplo 94, a la entrada de sumar y restar para que sume o reste de esa cantidad y no de cero.




Mi html:

<tr *ngFor="let item of articulos">
<td>{{item.articulo}}</td>
<td>{{item.cantidad}}</td>
<td>
<input id="quantity" type="button" value="-" (click)="quantity=quantity-1">
<input type="text" id="quantity2" name="quantity" value="{{quantity}}">
<input id="quantity" type="button" value="+" (click)="quantity=quantity+1">
</td>
</tr>

Mis ts:


quantity: number;

constructor(private datosService: DatosService) {
this.quantity = 0;
}
Necesito que me aparezca el 94 y el 60 donde pone el cero en la ficha y poder sumar y restar.

He intentado cambiar cantidad a {{item.quantity}} en la siguiente línea y se pasan los valores pero no me deja sumar y restar sobre el valor ya que ya no se haría la operación sobre cantidad.

<input type="text" id="quantity2" name="quantity" value="{{item.cantidad}}">

1. Lo que yo haría primero es aplicar este cambio en el input
el + sirve para forzar el casteo a un valor númerico


2. en tu metodo donde cargar los datos de articulos despues de la carga haría lo siguiente


No es necesario ocupar tantos ids en los botones e inputs, a menos que estes intentando acceder a sus valores con js puro, a lo cual no estarías usando correctamente angular2


Espero te sirva