Hi guys
I’m using collection-repeat on my code.
And i have a issue when i set the data to collection, shows the first item empty, even if are 100 or 1 element on the datasource.
here my code (into a ion-list)
html
<ion-item class="config-list-bg item item-thumbnail-left"
collection-repeat="coupon in coupons | filterCoupons: data.tipo"
collection-item-width="'100%'"
collection-item-height="85"
href="{{(0 < $index) ? '#/app/coupons/' + coupon.idcupon : ''}}">
<img ng-src="{{ coupon.imagen_externa }}">
<div class="item-titlte-coupon-list-text">{{ coupon.titulo }}</div>
<div class="item-subtitlte-coupon-list-text hyphenate">{{ coupon.subtitulo }}</div>
<div class="item-footer-coupon-list-text"> <i class="icon ion-ios7-clock-outline"></i> VENCE EN:
<timer end-time="1410047999000">
{{ddays}}d:{{hhours}}h:{{mminutes}}m:{{sseconds}}s
</timer>
</div>
</ion-item>
controller:
CouponService.getCoupons(idUsuario)
.then(function(result){
$scope.coupons = JSON.parse(result);
}, function (reason) {
console.log('error');
});
service:
.service('CouponService', function($http, $q) {
delete $http.defaults.headers.common['X-Requested-With'];
return {
coupons: [],
_httpHelper: function (verb, url, body) {
coupons = [
{
imagen_externa: "images/imgOfertaLoadingRectangle.png",
imagen_interna: "images/imgOfertaLoading.png",
codigo: "ul25Mh34R",
idcupon: "1",
titulo: "Primer elemento",
subtitulo: "Por eso te regalamos un postre en tu próxima visita",
descripcion: "Sabemos que hoy es un día muy especial, por eso queremos obsequiarte un postre para celebrar contigo este día",
url_terminos: "www.promopago.com",
comercios_canjear: [{ direccion: "Avda Ernesto Blohm, Centro Banaven (Cubo Negro). PB. Urb Chuao", latitud: 10.4845006, longitud: -66.8531169},
{direccion: "CCCT, Nivel Feria, local 127-A", latitud: 10.484597, longitud: -66.8550973} ],
instrucciones: "Canjea este cupón presentando tu teléfono en el establecimiento y mostrando el código que aparecerá en pantalla.",
advertencia: "Al presionar el botón USAR CUPÓN AHORA, tendrás solo 15 minutos para realizar el canje. De lo contrario el cupón quedará inutilizado.",
tipo: 2,
usado: null,
codeConfirmation: "H2gB54",
vencimiento: 1410047999000
}];
var d = $q.defer();
$http[verb](url, body)
.success(function (data, status, headers, config) {
d.resolve(JSON.stringify(coupons));
})
.error(function (data, status, headers, config) {
d.reject(data, status);
});
return d.promise;
},
getCoupons : function(idUsuario) {
var url = "" //empty for test;
return this._httpHelper('get', url, '');
}
};
});