javascript - 如何从ngGrid -in Angular js中显示的按钮调用作用域方法

angular.module('harbinger').controller(
   'Admin.UserlistController',
   function($rootScope, $scope, $location, $http, userService)
   {
      // etc
      $scope.gridOptions = {
         // etc ,
         enableRowSelection: false,
         columnDefs: [
            {field: 'userName', displayName: 'Username'},
            {field: 'name', displayName: 'Name'},
            {field: 'organization', displayName: 'Organization'},
            {field: 'title', displayName: 'Title'},
            {field: 'dateOfBirth', displayName: 'Date Of Birth'},
            {field: 'controls', displayName: '', cellTemplate: '<div id="controls" ><a id="user-edit" onClick="editUser(\'{{row.entity.userName}}\')">Edit</a> | <a id="user-reset" data-ng-click="resetUser(\'{{row.entity.userName}}\')">Reset</a> | <a id="user-unlock">Un-lock</a></div>'}
         ]
      };

用户重置的onclick我必须通过

userService.reset($scope.userData, function( data ) // success
                {
                   // etc
                }

我正在使用ngGrid，并且尝试从ngGrid中显示的按钮调用作用域方法。 –

单击时，我无法执行此功能。
请给我angular js方法来做到这一点。

最佳答案

也许这是一个老问题，但我会回答。

ngGrid创建一个隔离的作用域，因此无法通过以下方式进入父作用域：


$parent.editUser('')
<div ng-controller="AppCtrl as ctrl"><div ng-grid="options"></div></div>和ctrl.editUser('')
通过使用.（$scope.callback = {}; $scope.callback.editUser = function(){};-> callback.editUser('')）


ngGrid在隔离范围内使用您的options，该隔离范围可用于cell/rowTemplates-因此您可以执行以下操作：

JavaScript控制器：

$scope.editUser = function(userName) {
    ...
};

$scope.options = {
    data: 'data',
    columnDefs: [{
        field:'name',
        displayName:'name',
        cellTemplate: '<div ng-click="options.editUser(\'{{row.entity.userName}}\')">Edit</div>'
    }],
    editUser: $scope.editUser
}

HTML：

<div ng-grid="options"></div>

柱塞：
Test app