angular-ui-grid: pass the value as parameter in custom template?
<p>I generated a grid with all the server side pagination and sorting. And I also inserted a <strong>edit option column</strong>  in the grid. This, I could achieve using the <strong>custom tempelating</strong> functionality. However I have been struggling to pass the 'id' as a parameter for edit.</p>

<pre><code>columnDefs: [
          { name: "Options2", displayName: 'Select', cellTemplate: '&lt;div ng-click="alert();"&gt;click me&lt;/div&gt;' },
          { name: 'ContactID', displayName: 'ID', },
          { name: 'FirstName' },
          { name: 'LastName' },
          {
              name: 'Options',
              cellTemplate: '&lt;div&gt;' +
                        '  &lt;a ui-sref="editcontact({contactId: ContactID})"&gt;Edit&lt;/a&gt;' +
                        '&lt;/div&gt;'
          }

        ],
</code></pre>

<p>On hovering over the edit option :
<a href="https://i.stack.imgur.com/13rip.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/13rip.png" alt="enter image description here"></a></p>

<p>also,Routing :</p>

<pre><code>.state('editcontact',
     {
         url: '/editcontact/:contactId',
         controller: 'EditContactCtrl',
         templateUrl: 'views/contact/editContact.html', controllerAs: 'vm',
         resolve: {
             contactInfo: ['contactService', '$stateParams', function (contactService, $stateParams) {
                 return contactService.getContact($stateParams.contactId).then(function (response) {
                     return response;
                 });
             }]
         },

     })
</code></pre>