Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 在ng grid中,如何单击行并单击行中的按钮而不发生冲突?_Angularjs_Ng Grid - Fatal编程技术网

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>
来演示它