捕获ngTable中的双击

Question

在这个扑通中，我有一个显示两行的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上的函数并在控制器中定义该函数来实现这一点。

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