如何從ng-repeat中刪除元素，但保持功能

Question

我正在學習Angular並在某些方面掙扎。 我正在使用類似火種的庫，該庫可讓您向左或向右滑動圖像。 我也有一顆心和“ X”將做同樣的事情。

發生的事情是當您向左/向右滑動時，心臟和“ X”也被滑動了。 我需要這些來保持靜止。 我不確定該怎么做，仍然讓它們正常渲染和運行。

這是HTML代碼：

<div class="ng-swippy noselect">
<div person="person" swipe-directive="swipe-directive" ng-repeat="person in peopleToShow" class="content-wrapper swipable-card">
  <div class="card">
      <div style="background: url({{person.thumbnail}}) no-repeat 50% 15%" class="photo-item"></div>
      <div class="know-label">{{labelOk ? labelOk : "YES"}}</div>
      <div class="dontknow-label">{{labelNegative ? labelNegative : "NO"}}</div>
  </div>
  <div class="container like-dislike">
    <div class="circle x" ng-click="$parent.$parent.clickDisike()"></div>
    <div class="icon-like" ng-click="$parent.$parent.clickLike()"></div>
    <div class="clearfix"></div>
  </div>
  <div class="clearfix"></div>
</div><!-- end person-->

如果我將like-dislike容器從person div中移出，則會發生2件事。 該容器不會在屏幕上呈現，即使顯示，也會引發錯誤。

如何使其保持靜止並保持其功能與它們代表的應用程序/圖像有關？

提前致謝。

****編輯****鏈接：http: //430designs.com/xperience/black-label-app/deck.php

Answer 1

嘗試使用此CSS作為“不喜歡”元素並將其放置在person div上方

.like-dislike {position：'absolute'，top：10px; 右：10px； }

Answer 2

我最終只是從ng-click中刪除了$parent.$parent 。