Define ng-click on rows about trnggrid

[rphilp]

I do something similar, but instead of routing to a new page, I just display the details below. I'll post what I use below. This is probably not the best way to do it, but it should work.

<table items="offices" tr-ng-grid="" selected-items="officeDetails" 
           selection-mode="SingleRow"></table>

$scope.$watch('officeDetails[0]', function (value) {
     $scope.offDetail = _.find($scope.offices, function (office) {
          return office.officeId === value.officeId
     })
});

[MoonStorm]

Yep, that is the way to go:

1. Monitor the collection you attach to selected-items.
2. Alternatively, if you don't need more data, you could directly couple the first item in the selection collection directly to a div having a ng-if or ng-show directive.

The grid uses dual data binding for most of its features which makes it convenient to attach extra logic, the Angular way.