Question

我正在学习Angular和挣扎于某事。我使用的是类似火炬的库，可让您向左或向右滑动图像。我也有一颗心和＃34; X＆＃34;这将做同样的事情。

当你向左/向右滑动时，发生了什么，以及＆＃34; X＆＃34;正在被刷卡。我需要这些保持静止。我不知道该怎么做，仍然让它们渲染和正常运行。

这是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，则会发生两件事。该容器不会在屏幕上呈现，即使它出现，也会引发错误。

如何让它们保持静止并保持其与其所代表的应用/图像相关的功能？

提前致谢。

**** **** EDIT 链接：http://430designs.com/xperience/black-label-app/deck.php

Answer 1

尝试将此css用于喜欢不喜欢的元素并将其放在person div

之上

.like-dislike { 位置：'绝对'，上：10px; 右：10px; }

Answer 2

我最终只是从ng-click中删除了$parent.$parent。

如何从ng-repeat中删除元素，但保留功能

2 个答案: