在 ngTable 中捕获双击

Question

在这个 plunk 中，我有一个显示两行的 ngTable。当双击一行时，我想运行一个函数。我尝试使用 ng-dblclick 但它不起作用。有什么想法吗？

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);

});

Answer 1

我无法调试为什么警报不适用于 ng-dblclick。但是你可以通过在 ng-dblclick 上调用一个函数并在控制器中定义该函数来做到这一点。

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

在 ngTable 中捕获双击

Capture double click in ngTable

ngtable