使用Angular for upvote =>滑动功能

时间:2016-01-03 22:26:01

标签: javascript angularjs

我正在尝试通过角度将滑动功能合并到我的应用中。

想法如下

  1. Angular模型中的用户费率项。根据输入。控制器将下一个项目排队等待视图

  2. 评级后,项目“滑动”不在视野范围内,角度会引入新项目。

  3. 有关如何使用此功能的任何想法?我是棱角分明的新人,但是我无法弄清楚Angular需要探索哪一部分:

    我认为ng-repeat是必要的,但它们都占据了DOM的相同空间

    想法?

1 个答案:

答案 0 :(得分:3)

Angular已将$swipe服务作为ngTouch模块的一部分附加。 您可以使用滑动事件来简单地通过绑定控制器内的操作来获取视图。

这是一个简单的demo

这是一个更复杂的 demo 揭示由ng-repeat呈现的项目。

var app = angular.module('myapp', ['ngTouch']);
app.controller('MyCtrl', function MyCtrl($scope) {
  $scope.index = 0;

  // Increment action on swipe right event
  $scope.next = function($event) {
    $scope.index++;
  };
  // Decrement action on swipe left event
  $scope.prev = function($event) {
    $scope.index--;
  };
});