0

estoy haciendo un proyecto en angular y a la hora de setear los datos que me trae una funcion en html, no funciona, creo que es por el ngFor, porque imprimo los datos que quiero setear en consola y si aparecen pero a la hora de traer los datos y ponerlos en html no devuelve nada, lo raro es que otro ngFor de otro componente sí funciona el html es este`
Regresar


Bienveni@, aquí puedes visualizar los eventos del Hotel


<img class="avatar" src="assets/jugadores-de-futbol.png"><br>
<table class="table table-dark table-hover">
    <thead>
        <tr>
            <th scope="col">Nombre de la Liga</th>
            <th scope="col">Nombre del Equipo</th>
            <th scope="col">Puntos</th>
            <th scope="col">Goles a Favor</th>
            <th scope="col">Goles en Contra</th>
            <th scope="col">Diferencia de Goles</th>
        </tr>
    </thead>
    <tbody>
        <div *ngFor="let eq of equiposs">
            <tr>
                <th scope="row">{{eq._id}}</th>
                <td>{{eq.liga}}</td>
                <td>{{eq.nombre}}</td>
                <td>{{eq.puntos}}</td>
                <td>{{eq.golesFavor}}</td>
                <td>{{eq.golesContra}}</td>
                <td>{{eq.diferenciaGoles}}</td>
            </tr>
        </div>
    </tbody>

</table>

` el ts que tengo es así [![introducir la descripción de la imagen aquí][1]][1]

y el app.module está así [![introducir la descripción de la imagen aquí][2]][2]

como resultado obtengo esto [![introducir la descripción de la imagen aquí][3]][3]

que si trae el dato en consola pero no en html [1]: https://i.sstatic.net/UXVVl.png [2]: https://i.sstatic.net/Mujey.png [3]: https://i.sstatic.net/QPai5.png

2
  • 1
    Ya declaraste el componente ListaEquipos en tu AppModule?
    – IvanS95
    Commented el 8 jul. 2021 a las 22:47
  • 1
    gracias, eso me faltaba Commented el 8 jul. 2021 a las 23:40

1 respuesta 1

0

Bien, el problema entonces es simplemente que no has declarado tu componente dentro del array de declarations de tu AppModule, por tanto, tu componente no tiene disponibles las directivas de angular/common.

Basta con añadirlo al array, y listo.

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.