estoy tratando de hacer un buscador, que basicamente es un form con un input y un boton. quiero que al escribir en el input y al dar enter me envie el parametro mi modulo de typescript. sin que este se recargue. soy principiante en angular 4.
Este es el form de mi vista..
<form class="form-inline my-2 my-lg-0" >
<input class="form-control mr-sm-2" type="search" placeholder="Buscar Héroe" aria-label="Search" (keyup.enter)="buscarHeroe(buscarTexto.value)" #buscarTexto>
<button (click)="buscarHeroe(buscarTexto.value)" class="btn btn-outline-success my-2 my-sm-0" type="button">Buscar</button>
</form>
Estoy tratando de que el valor se reciba nada mas, solo para probar.
este es la funcion de mi componente de typescript
buscarHeroe(termino:string){
console.log(termino);
}
en si, no se si es la forma correcta, me falta algo? al presionar el boton, si funciona. pero al escribir en el input y dar enter. este refresca la pagina. espero su respuesta!
type="submit"
en el button, asi el form toma el click del button como submit? sino agregar(ngSubmit)="buscarHeroe(buscarTexto.value)"
en el form debería funcionar tanto para el enter como el submit del button