Ионное пролистывание div, как вызвать?

Здравствуйте, я попытался распознать пролистывание влево/вправо и сенсорный жест на div с помощью Ionic framework:

Документация:

http://ionicframework.com/docs/api/directive/onSwipeLeft/

Код:

<div class="row" on-swipe-left="alert('right');">
          <div class="col" style="background-color: red;">.col</div>
</div>

Но это не работает.

Как я могу легко распознать пролистывание данного элемента?

Спасибо за любую помощь.


person redrom    schedule 14.09.2014    source источник


Ответы (1)


Вы правильно используете директиву события. Проблема в том, что эти директивы ожидают ввода выражения. Функция $parse используется для преобразования этого выражения в функцию. https://docs.angularjs.org/api/ng/service/$parse

Короче. Он будет выполнять только функции в вашей области. См. этот codepen для краткого примера.

http://codepen.io/wedgybo/pen/sgKEb

<div ng-controller="SwipeCtrl" class="row" on-swipe-left="alert('right');">
      <div class="col" style="background-color: red;">.col</div>
</div>



angular.controller('SwipeCtrl', function ($scope) {
    $scope.alert = function(msg) {
        alert(msg);
    }
});
person Jamie Sutherland    schedule 14.09.2014