그리드에서 행을 클릭하고 행의 단추를 충돌없이 클릭하는 방법?

Question

OK, 여기에 해당하는 경우입니다. 격자가 있고, 마지막 열은이 행을 삭제하는 버튼이며, 행을 클릭하여 새 페이지로 이동해야합니다. 그러나 삭제 버튼을 클릭하면 새로운 페이지로 이동하게됩니다. 어떻게 그 고소를 해결할 수 있습니까? 감사! 컨트롤러에서

:

$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

내가 NG 그리드의 최신 버전입니다 UI 그리드와 함께 일하고 있어요. 다음은 비슷한 문제를 해결하는 방법입니다. 그것은 NG 그리드와 잘 작동하는 것 같습니다.

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

간단한 예제로 Plunker을 사용하여 설명했습니다.