Estoy empezando con Angular y debo hacer un input que tenga un botón para incrementar su valor y otro para disminuirlo algo como [-]10[+], este es el código que tengo de html.
<input type="number" value="0" class="in-con-number" id="numero" min="0" max="100" #numero>
<button class="btn-menos" value="" id="deincrement">-</button>
<button class="btn-mas" value="" id="increment" (click)="getInputValue(numero.value)" >+</button>
El TypeScript que tengo es este, con eso obtengo el número que quiero sumar pero no he encontrado en esta página algo parecido y en internet tampoco he encontrado algún documento para cambiar el texto del input, todos muestran información para optener el texto.
import { Component, OnInit ,Input } from '@angular/core';
import { elementAt } from 'rxjs';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'a-finsotienda';
constructor(){
}
numero: number = 0;
public getInputValue(inputValue:string){
this.numero = parseInt(inputValue);
}
}