单击 ng-grid/ui-grid celltemplate 会导致选择行。

当我将 celltemplate 用于 ahref 链接时，一旦单击链接，行就会突出显示，因为我启用了 RowSelection...但我不希望在单击链接时突出​​显示该行...仅当在除链接之外的任何位置单击该行时。

另外，在下面的示例图片中，如何删除小箭头，以便该列不能显示菜单项？

Code:

$scope.gridOptions = { 
    showFooter: true,
    enableFiltering: true,
    enableRowSelection: true,
    enableRowHeaderSelection: false,
    enableSelectAll: true,
    multiSelect: true,
    enableColumnResizing: true,
    columnDefs: [
    { field:'date', displayName: 'Date', width: 200, aggregationType: uiGridConstants.aggregationTypes.count  },
    { field:'notes', displayName: 'Notes', width: 65, enableFiltering: false, enableSorting: false, enableHiding: false, cellTemplate:'<a href="#" ng-click="getExternalScopes().showMe(row.entity[col.field])">View</a>' }
    ],
    data: data
}

Pic:

这是 ui-grid 的可能答案（不再是 ng-grid！）。

不选择行的按钮的单元格模板是：

cellTemplate: '<button class="btn primary" ng-click="$event.stopPropagation();getExternalScopes().showMe(row)">Click Me</button>'

请注意$event.stopPropagation()在 ng-click 指令中。这会阻碍点击到达rowTemplate的底层功能。 （另请注意，除了使用 externalScopes 之外，我没有找到其他方法将单击事件传递到控制器。我确信有更好的方法，但 ui-grid 仍然是测试版，我对它也很陌生）

你的问题的第二部分：使用这个 headCellTemplate

var headCelltpl = '<div ng-class="{ \'sortable\': sortable }">' +
  '<div class="ui-grid-vertical-bar">&nbsp;</div>' +
  '<div class="ui-grid-cell-contents" col-index="renderIndex">' +
  '{{ col.displayName CUSTOM_FILTERS }}' +
  '</div>' +
  '</div>';

并将其添加到 columnDefs 中的相应列中。

headerCellTemplate: headCelltpl

这里有一个Plunker http://plnkr.co/edit/Nm0dvF0xvimLzyVhgj5g?p=preview包括一切。

请不要告诉我你的意思是 ng-grid:-)