Question

好的，情况就是这样：我有一个网格，最后一列是一个删除这一行的按钮，我还需要点击一行来跳转到一个新页面。但是当我点击删除按钮时，它也会跳转到新页面，我该如何解决这个问题呢？谢谢！

在控制器中：

$scope.gridOptions =
        {
            data: 'students',
            columnDefs: [
                {field: 'name', displayName: 'Name'},
                {field: 'school', displayName: 'Name'},
                {field: '', displayName: 'Delete', cellTemplate:
                '<div class="ngCellText" ng-class="col.colIndex()">' +
                '<a class="glyphicon glyphicon-remove" ng-click="deleteStudent(row)"></a></div>'}
            ]
        };

$scope.deleteStudent = function(row) {....}

$scope.selectStuent = function(row) {$location.path(....)}

在html中：

<div class="gridStyle" ng-grid="gridOptions" ng-click="selectStudent()"></div>

Answer 1

我正在使用ui-grid，这是ng-grid的最新版本。以下是我解决类似问题的方法。它似乎与ng-grid一起使用。

<a class="glyphicon glyphicon-remove" ng-click="$event.stopPropagation();deleteStudent(row)"></a>

我在Plunker中做了一个简单的例子来演示它。

在ng网格中，如何单击一行并单击行中的按钮而不会发生冲突？

1 个答案: