12.02.2022 a las 17:52
En varias ocasiones necesito enviar de una forma rápida cualquier valor desde el HTML al TypeScript, y casi siempre tengo que recurrir a mi GitHub para consultar mi Gist en cuestión.
Me resulta más rápido tenerlo en un artículo y buscarlo desde Google que tener que loguearme en GitHub y buscar el snippet.
Marcamos el input con el símbolo de numeral (#) y el nombre que querramos darle que equivale a asignarle un id. En el ejemplo de abajo le he dado el nombre de identificador
<input
#identificador
type="text"
placeholder="Para testear"
autocomplete="off"
/>
<button
type="button"
(click)="getInputValue(identificador.value)"
>
TEST
</button>
import { Component } from '@angular/core';
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styles: [
]
})
export class TestComponent {
constructor() {}
public getInputValue(inputValue:string){
console.log(inputValue);
}
}
Hasta luego 👋
Software
IoT
Digitalización
Aplicaciones móviles
Consultoría