2016-01-17 127 views
0

在这个plunk我有一个ngTable显示两行。我想在双击某行时运行一个函数。我试过ng-dblclick但它不起作用。有任何想法吗?在ngTable中捕获双击

HTML

<div ng-controller="myCtl" ng-app="app"> 
    <table ng-table="tableParams" class="table table-bordered table-hover"> 
    <tbody> 
     <tr ng-repeat="u in data" ng-dblclick="alert('double click')"> 
      <td title="'User ID'" style="width:150px">{{ u.uid }}</td> 
      <td title="'Name'" style="width:150px">{{ u.nm }}</td> 
      <td title="'Group'" style="width:200px">{{ u.ugr }}</td> 
     </tr> 
    </tbody> 
</table> 

的Javascript

var app = angular.module('app', ['ngTable']); 

app.controller('myCtl', function($scope,$timeout,NgTableParams) { 

    $timeout(function() { 

     $scope.data = [ 
     { uid: 'User 1', nm: 'Name 1', ugr: 'Group 1'}, 
     { uid: 'User 2', nm: 'Name 2', ugr: 'Group 2'} 
     ]; 

     $scope.tableParams = new NgTableParams({dataset: $scope.data}); 

    }, 1000); 

}); 

回答

1

我无法调试为什么警报没有与NG-DBLCLICK工作。 但是你可以通过调用ng-dblclick函数来完成该操作,并在控制器中定义该函数。

For eg: (http://plnkr.co/edit/zns8OUA1IuFIcZZkTa1V?p=preview)