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?