1 
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 中显示的按钮调用范围方法。——</p>

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

4

1 回答 1

4

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

ngGrid创建一个隔离范围，因此无法通过以下方式访问您的父范围：

  1. $parent.editUser('')
  2. <div ng-controller="AppCtrl as ctrl"><div ng-grid="options"></div></div>和ctrl.editUser('')
  3. 通过使用.( $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>

Plunker： 测试应用

于 2014-05-16T15:10:54.657 回答