javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

Question

我想创建一个带有链接的自定义列，并在 ng-click 上调用 $scope 方法。ngGrid ( How to call a scope method from a button displayed in ngGrid -in Angular js ) 有非常相似的问题，该解决方案有效。我正在使用 ui-grid，它应该只是 ngGrid 的更新版本，但它似乎在那里不起作用。

这是我的代码:

var app = angular.module('plunker', ['ui.grid']);

app.controller('MainCtrl', function($scope) {  
  $scope.gridOptions = {
    data: [{name: 'test'}],
      columnDefs: [{
        field:'name', 
        displayName:'name', 
        cellTemplate: '<div ng-click="gridOptions.editUser()">Edit</div>'
      }],
      editUser: $scope.editUser
    };

  $scope.editUser = function() {
    alert('It works!');
  };
});

http://plnkr.co/edit/Q5SuIeAPFpZaUKbmIDCn

这是适用于 ngGrid 的原始解决方案:http://plnkr.co/edit/hgTQ1XdEVRyxscoNs76q

Answer 1

在 ui-grid 的新版本中，这种方法对我不起作用。相反，我使用了 appScope 核心 api。 http://ui-grid.info/docs/#/tutorial/305_appScope