title: ui-grid angular js - cell stuck in edit mode
body: <p>I am adding a custom editablecelltemplate when using the ui-grid. The problem is once a cell enters edit mode, it remains there. The celltemplate is not showing at all later on.</p>
  
  <p>This is the Javascript I am using:</p>
  
  <pre><code>name: app.localize('IsHiddenName'),
  field: 'isHidden',
  type: 'boolean',
  cellTemplate:
      '&lt;div class=\"ui-grid-cell-contents text-center\"&gt;' +
      '  &lt;i class="fa fa-check-circle font-green" ng-if="row.entity.isHidden"&gt;&lt;/i&gt;' +
      '&lt;/div&gt;',
  editableCellTemplate:
      '&lt;div style="margin:5px;"&gt;' +
      '&lt;div class="md-checkbox-list"&gt;' +
      '&lt;div class="md-checkbox"&gt;' +
         '&lt;input type="checkbox" id="check2-{{row.entity.id}}" class="md-check" ng-class="\'colt\' + col.uid" ui-grid-editor ng-model="MODEL_COL_FIELD"&gt;' +
         '&lt;label for="check2-{{row.entity.id}}"&gt;&lt;span class="inc"&gt;&lt;/span&gt;&lt;span class="check"&gt;&lt;/span&gt;&lt;span class="box"&gt;&lt;/span&gt;&lt;/label&gt;' +
     '&lt;/div&gt;' +
     '&lt;/div&gt;'+
     '&lt;/div&gt;',
  </code></pre>