Angularjs 在ng grid中,如何单击行并单击行中的按钮而不发生冲突?
好的,这里是这样的:我有一个网格,最后一列是删除这一行的按钮,我还需要点击一行跳转到一个新页面。但当我点击删除按钮时,它也会跳转到新页面,我如何解决冲突?谢谢 在控制器中:Angularjs 在ng grid中,如何单击行并单击行中的按钮而不发生冲突?,angularjs,ng-grid,Angularjs,Ng Grid,好的,这里是这样的:我有一个网格,最后一列是删除这一行的按钮,我还需要点击一行跳转到一个新页面。但当我点击删除按钮时,它也会跳转到新页面,我如何解决冲突?谢谢 在控制器中: $scope.gridOptions = { data: 'students', columnDefs: [ {field: 'name', displayName: 'Name'}, {field
$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(....)}
$scope.gridOptions=
{
数据:“学生”,
columnDefs:[
{字段:'name',显示名称:'name'},
{字段:'school',显示名称:'Name'},
{字段:“”,显示名称:'Delete',单元格模板:
'' +
''}
]
};
$scope.deleteStudent=函数(行){….}
$scope.selectStuent=函数(行){$location.path(..)}
在html中:
<div class="gridStyle" ng-grid="gridOptions" ng-click="selectStudent()"></div>
我正在使用ui grid,它是ng grid的最新版本。下面是我如何解决类似问题的。它似乎与ng grid配合得很好
<a class="glyphicon glyphicon-remove" ng-click="$event.stopPropagation();deleteStudent(row)"></a>
来演示它