insérez ng-cliquez sur l'événement en ng-grille

je veux faire quelque chose que je ne sais pas si c'est possible

HTML

<!DOCTYPE html>
    <html ng-app="myApp">
    <head lang="en">
        <meta charset="utf-8">
        <title>Custom Plunker</title>  
        <link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
        <script type="text/javascript" src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </head>
    <body ng-controller="MyCtrl">
        <div class="gridStyle" ng-grid="gridOptions"></div>
    </body>
 </html>

JS

//main.js
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { data: 'myData',
                         cellTemplate:'<div class="ngCellText" ><a ng-click="foo()">{{row.getProperty(col.field)}}</a></div>' 
    }
    $scope.foo = function() {  

        alert('');
    };
});

Je veux mettre une ng-cliquez sur l'événement sur une ligne dans un ng-grille,je dois prendre l'idée en regardant autour, mais je ne comprends pas vraiment si c'est possible et, si c'est ainsi, si c'est la bonne façon de le faire.
Dans ce code, qui semble être bon pour moi, l'appli n'est pas le début de l'alerte, toute suggestions ou des idées?

Ici est la plunker http://plnkr.co/edit/U6wdWTAV30HRhJk8xFPA?p=preview

ya! c'est une bonne idée
merci mais cela ne fonctionne pas avez-vous une idée pourquoi?avez-vous essayer le plunker?
C'est un très tardive réponse à cette question, mais je travaillais avec le même problème. L'exemple donné dans la réponse par @mainguy n'ai pas vraiment résoudre le problème avec l'événement de clic sur le contrôle d'entrée. Voici un exemple de travail. hth. plnkr.co/modifier/6IWa29ewYywLI1ghPgxe?p=preview

OriginalL'auteur mautrok | 2014-02-27

  1. 8

    Ces définitions de travail pour moi:

      $scope.gridOptions = {
    data: 'myData',
    columnDefs: [{
        field: 'name',
        displayName: 'Name',
        cellTemplate: '<div  ng-click="foo()" ng-bind="row.getProperty(col.field)"></div>'
      }, {
        field: 'age',
        displayName: 'Age',
        cellTemplate: '<div  ng-click="foo()" ng-bind="row.getProperty(col.field)"></div>'
      }

    ]
  };

    Voir votre fourche Plunker ici

    La réponse correcte est d'utiliser grid.appScope, comme expliqué ici: stackoverflow.com/a/33792526/492130
    Oui, je sais. Mais cette question a été sur ng-grille pas d'interface utilisateur-réseau. Merci en tout cas pour le rappeler.
    La droite! Merci pour la mise à jour de cette. J'ai oublié de mentionner que ng-grid a été dépréciée en faveur de ui-grid. Donc, si vous pouvez vous déplacer à ui-grid, vous devriez vous déplacer et vous devez l'utiliser grid.appScope.
    Mais qu'advient-il lorsque vous souhaitez déplacer, mais vous ne pouvez pas vous déplacer? M. Anderson? 🙂
    Quitter votre emploi, avocat en place, frapper la salle de gym!

    OriginalL'auteur mainguy

  2. 10

    Le document sur leur github site est vraiment vieux.

    voici un lien vers la page de droite de ce problème.
    http://ui-grid.info/docs/#/tutorial/305_appScope

            yourCtrl.gridOptions = {
            enableFiltering: true,
            enableHiding : false,
            enableSorting: true,
            appScopeProvider : yourCtrl,
            rowTemplate: '<div ng-click="grid.appScope.doSomething(row)" ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid" class="ui-grid-cell" ng-class="col.colIndex()" ui-grid-cell></div>',
        };

        yourCtrl.doSomething = function(row) {
            alert("lala");
        }

    oui, en quelque sorte

    ng-click="grid.appScope.doSomething"

    ne fonctionne pas

    OriginalL'auteur KuN

  3. 6
    $scope.ShowDetails=function(_obj)
{
   alert('Hi! ' + _obj);
}

$scope.gridOptions = {
    columnDefs: [
      { name: 'Search', field: 'Col1', cellTemplate: '<div ng-click="grid.appScope.ShowDetails(row)"><img src="/images/search.png" /></div>' },
      { name: 'Col2', displayName: 'Col2' },
    ]};

    Ici l'exemple d'attacher un événement à une interface utilisateur cellule de la grille.

    OriginalL'auteur Ravindra Kumar