Img not showing after adding to ion-list


#1

I have a ion-list with an ion-item and ng-repeat for such item, just as shown in the default documentation:

 <ion-list can-swipe="true" id="nuevo-partido-lista-jugadores">
            <ion-item ng-repeat="jugador in jugadores track by jugador.usuario_id" class="item-avatar-right balanced-bg item-remove-animate">
                <img ng-src="{{jugador.avatar}}">
                <h2 class="inverted capitalized light">{{jugador.numero + " " + (jugador.nombre?jugador.nombre:"")}} <br/>
                    <span class="details">
                        <i class="icon ion-man" ng-show="jugador.genero == 'hombre'"></i>
                        <i class="icon ion-woman" ng-show="jugador.genero == 'mujer'"></i>

                        <span class="h4 inverted">HP: {{jugador.handicap}}</span>

                        <i class="icon ion-flag" style='color: {{colorBarras(jugador.barras)}}'></i>
                    </span>
                </h2>
                <ion-option-button class="button-light" ng-click="opcionesJugador(jugador)">
                Edit
                </ion-option-button>
                <ion-option-button class="button-danger" ng-click="confirmarEliminarJugador($index)">
                Remove
                </ion-option-button>
                <ion-delete-button class="ion-minus-circled"ng-click="confirmarEliminarJugador($index)"></ion-delete-button>
            </ion-item>
        </ion-list>

Everything works as expected but whenever I add a new item to the “jugadores” array, this one show up but with no src loaded into the img.

For adding the new item to the “jugadores” array I use a simple .puhs(item)
call on the array.

Does anyone have an idea how can I debug this? Or even better, have you seen this behavior before and know a clue on why it may be happening?


#2

Please ignore, this was my fault. Everything was ok but a dumb typo.