swipe function is not getting called

i am new to angular .i want to implement for mobile touch events.i write a small code

var myApp = angular.module('plunker', ['ui.bootstrap','ngTouch']);
myApp.controller('TypeaheadCtrl',function($scope, $http,$swipe) {

$scope.dummyFunc = function(){
console.log('coming here');  
};
}

and this application is using jade engine and build on node.js layout.jade code is

doctype html
html(ng-app="plunker")
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet',href='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css')
    script(src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js')
    script(src='/javascripts/ui-bootstrap-tpls-0.11.0.min.js')
    script(src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-route.js')
    script(src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-touch.js')

    script(src='/javascripts/customjs.js')
    script(src='/javascripts/sizzle.js')

  body
    block content

and code for index.jade is

extends layout

block content
  body(style='background-color:#5DBCD2;')
    script(type="text/ng-template" id="customTemplate.html")
      a
        img(ng-src="http://upload.wikimedia.org/wikipedia/commons/thumb/{{match.model.flag}}" width="16")
        span(bind-html-unsafe="match.label | typeaheadHighlight:query")
    div.sidebar(ng-class="{'slide-out':boolChangeClass}")
      button.glyphicon.glyphicon-chevron-right(style='float:right;background-color:#808080;outline:none;border:0px')
    div.container-fluid( ng-controller="TypeaheadCtrl",style='width:30%;')
      div(style='text-align:left;') {{selectedDay.date}}
        img(src='/images/Sunny-icon.png',style='width:70px;height:70px;')
        table.table(style='width:20%')
          tbody
            tr
              td Low
              td {{selectedDay.temp.min}}
            tr
              td High
              td {{selectedDay.temp.max}}  
            tr
              td Pressure
              td {{selectedDay.pressure}}  
            tr
              td Humidity
              td {{selectedDay.humidity}}       
      div(style='overflow:hidden')
        ul(style='list-style-type:none;margin:0;padding:0;width:25000px',ng-swipe-left='dummyFunc()',ng-swipe-right='dummyFunc()')
          li(ng-swipe-left='dummyFunc()',ng-swipe-right='dummyFunc()') 
            img(src='/images/Sunny-icon.png',style='display:block;width:56px;height:56px;')
            Aug 12
          li(ng-swipe-left='dummyFunc()',ng-swipe-right='dummyFunc()')
            img(src='/images/Sunny-icon.png',style='display:block;width:56px;height:56px')
            Aug 13  

on li element its not calling swipe-left or right function when i move mouse.can anyone please explain why ??