title: Angular UI-Grid Awesome Bootstrap Checkboxes not functioning properly
body: <p>I am working on adding custom CSS styling for my checkboxes via Awesome Bootstrap Checkboxes and have them actually showing up in the grids with them initially being checked or unchecked properly via JSON data being read...</p>
  
  <p>the issue is when I go to change the value. The values are updating properly from  when shown to  when hidden. </p>
  
  <p>However, instead of just the checkmark disappearing in the checkbox, the entire checkbox disappears and the only way for me to get it back is to change the value of the  back to ui-grid-cell-focus manually through F12 debugger in the browser.</p>
  
  <p>It appears something is not set up right with them, but I haven't been able to pinpoint exactly what he issue is yet...any help would be appreciated.</p>
  
  <p>Cell Template: </p>
  
  <pre><code>cellTemplate: 
  
  `&lt;!-- .blueCheckbox --&gt; &lt;div class="checkbox checkbox-primary"&gt; &lt;input type="checkbox" class="ng-scope" value="true" name="select_item" ng-model="row.entity.Name" /&gt; &lt;label&gt;&lt;/label&gt; &lt;/div&gt; &lt;!-- end .blueCheckbox --&gt;,`
  </code></pre>