Hi I’m using ionic 1.2 to develop my app. I have a collection-repeat of cards and in each car I have a input, a toggle a two buttons (save and delete), each button has its on ng-click function to send the data to the server, but I can’t make the front-end delete de element I deleted clicking the button. I tried with the jQuery fadeOut() but because of the transform3D of the collection-repeat I get a blank space where the card was
this is the HTML for the cards template
<ion-view>
<ion-content padding="true">
<div class="card" collection-repeat="elm in elements" collection-item-height="80" ng-style="{height: getItemHeight(item, $index), left: 0, right: 0}">
<div class="item item-text-wrap">
<div class="list">
<div class="item item-input-inset">
<label class="item item-input-wrapper">
<input type="text" translate translate-attr-placeholder="TERM" ng-model="elm.text" value="{{elm.id}}">
</label>
<ion-toggle ng-model="elm.active" toggle-class="toggle-large" class="item-toggle-autofollow"></ion-toggle>
<button class="button button-icon icon ion-checkmark-circled" ng-click="updateAutofollow(elm.text, elm.active, elm.id)"></button>
<button class="button button-icon icon ion-close-circled" ng-click="deleteAutofollow(elm.id)"></button>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>
How can I delete the card avoiding the problems of the transform3D?