title: ng-click inside cell template does not trigger function in controller
body: <p>I have created a plunker here: <a href="http://plnkr.co/edit/zGqouwzxguef13lx48iP?p=preview">http://plnkr.co/edit/zGqouwzxguef13lx48iP?p=preview</a></p>
  
  <p>When I click in a cell of the ui-grid in the day view then nothing happens. What I expected is that the test function is executed and an alert is shown with text 'test' but that is not the case.</p>
  
  <p>What is going on wrong here?</p>
  
  <p>Thats the html cell template of the ui-grid 3.0 latest release:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div ng-click="test()" ng-switch="row.entity[row.grid.columns.indexOf(col)].isPeriod"&gt;
  
      &lt;div ng-switch-when="true"&gt;
          &lt;tabset&gt;
              &lt;tab&gt;
                  &lt;tab-heading&gt;
                      &lt;i class="glyphicon glyphicon-book"&gt;&lt;/i&gt;
                  &lt;/tab-heading&gt;period id:
                  {{ row.entity[row.grid.columns.indexOf(col)].id}}
              &lt;/tab&gt;
              &lt;tab select="alertMe()"&gt;
                  &lt;tab-heading&gt;
                      &lt;i class="glyphicon glyphicon-bell"&gt;&lt;/i&gt;
                  &lt;/tab-heading&gt;
                  {{row.entity[row.grid.columns.indexOf(col)].content}}
              &lt;/tab&gt;
  
          &lt;/tabset&gt;      &lt;!-- PeriodTemplate --&gt;
      &lt;/div&gt;
      &lt;div ng-switch-when="false"&gt;
         &lt;div&gt;Hello empty template&lt;/div&gt;
      &lt;/div&gt;      &lt;!-- EmptyPeriodTemplate --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CONTROLLER:</strong></p>
  
  <pre><code>'use strict';
  angular.module('projectplanner').controller('DateplannerDayController', function ($scope, $state) {
  
  
      var columnHeaderDates = ['col1','col2','col3','col4','col5','col6','col7']
      $scope.columns = createColumnHeaders(columnHeaderDates);
  
  var data = [{isPeriod: true, id: 10, rowNumber: 1},{isPeriod: false, id: 11, rowNumber: 2}]
  
    $scope.test = function()
    {
      alert('test');
    };
  
      $scope.gridOptions = {
          rowHeight: 200,
          data: data,
          enableSorting: false,
          enableColumnMenu: false,
          columnDefs: $scope.columns,
          onRegisterApi: function (gridApi) {
              $scope.gridApi = gridApi;
              $scope.gridApi.core.addRowHeaderColumn(
                  { name: 'rowHeaderCol',
                      displayName: '',
                      width: 100,
                      cellTemplate: '&lt;div&gt;row header template&lt;/div&gt;'
                  });
          }
      };
  
      function createColumnHeaders(columnHeaders) {
          var columnDefinitions = [];
          for (var i = 0; i &lt; columnHeaders.length; i++) {
              var column = {
                  name: columnHeaders[i],
                  cellTemplate: 'lessonplanner.day.celltemplate.html',
                  field: i + 'x'
              }
              columnDefinitions.push(column);
          }
          return columnDefinitions;
      }
  });
  </code></pre>