Remove a card from a collection-repeat


#1

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?