0

Si en angular en el HTML realizo esto y en la tabla se visualiza bien por que en el componente me da

TypeError: Cannot read property 'Peso' of undefined

  <table class="table table-light">
            <thead class="thead-light">
              <tr>

              <th>Peso</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of DataNN|filterBy:userFilter">
                <td>
                {{item.Peso}}
              </td>
              </tr>
            </tbody>

          </table>
          </div>

          <button class="btn-primary"  (click)="ejecutar(item.Peso)"

Componente a partir de aquí

ejecutar (item) { 
   console.log(item.Peso)
}
1
  • consol.log (DataNN) me da esto:(114) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…},…] [0 … 99] 0: {IDTAG: 411615882, Peso: 277} 1: {IDTAG: 365243913, Peso: 202.5} 2: {IDTAG: 409477206, Peso: 230}
    – Adrian
    Commented el 24 dic. 2019 a las 0:29

1 respuesta 1

1

Eso se debe a que item.Peso solo existe dentro del <tr> donde se está ejecutando el *ngFor.

Tendrías que hacer algo como esto:

<tr *ngFor="let item of DataNN|filterBy:userFilter">
     <td>
        {{item.Peso}}
     </td>
     <td>
        <button class="btn-primary"  (click)="ejecutar(item.Peso)"></button>
      </td>
</tr>

ejemplo

3
  • y en el componente lo recupero asi? ejecutar(item){ console.log(item.Peso) } por que asi me da error ejecutar(item.Peso){ ....
    – Adrian
    Commented el 24 dic. 2019 a las 1:00
  • core.js:15714 ERROR TypeError: Cannot read property 'Peso' of undefined at Object.eval [as handleEvent] (PesajeComponent.ngfactory.js:499) at Object.handleEvent ...... también persiste el error
    – Adrian
    Commented el 24 dic. 2019 a las 1:01
  • Agregué ejemplo
    – Lobos
    Commented el 24 dic. 2019 a las 2:39

Tu Respuesta

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

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