0

Estoy aprendiendo Angular siguiendo un curso. Estoy usando VSCode con angular 13.1.4. Para no agregar un formulario completo porque este pedazo de código será usado solo en esta porción del programa, el tutor propone hacer el siguiente código:

<input
      type="text"
      (keyup.enter)="buscarProducto( #txtBuscar.value )"
      placeholder="Buscar"
      id="urku-search"
      #txtBuscar
      class="rk-search-field"
    />

tengo declarado mi modulo en el componente ts de la siguiente manera:

buscarProducto(termino: string) {
    console.log(termino);
  }

Me da un error:

any Property 'searchProduct' does not exist on type 'HeaderComponent'.ngtsc(2339) header.component.ts(5, 2): Error occurs in the template of component HeaderComponent. Parser Error: Private identifiers are not supported. Unexpected private identifier: #txtSearch at column 16 in [searchProduct( #txtSearch.value )] in /home/luca/Documentos/Programacion/curso_angular/src/app/shared/header/header.component.html@58:25ngtsc(-995002) header.component.ts(5, 2): Error occurs in the template of component HeaderComponent.

Perdón, pero no me muestra todos los errores en español.

Alguna ayuda para solucionar el problema? Puede ser una actualización de angular que haga las cosas diferente?

1 respuesta 1

0

Muy buenas, te comento rápido puesto que es un error tonto, no puedes usar # para llamar a esa etiqueta porque es privado, para llegar a la etiqueta tienes que usar la palabra reservada this y luego el nombre del input

<input
  type="text"
  (keyup.enter)="buscarProducto( this.txtBuscar.value)"
  placeholder="Buscar"
  id="urku-search"
  #txtBuscar
  class="rk-search-field"
/>
1
  • Muchas gracias, estoy recién aprendiendo y hay muchas cosas que me superan. Lo solucione incluso sin el "this.".
    – Teradriel
    el 27 feb. 2022 a las 9:46

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.