title: UI GRID - Custom Cell Templates Code Separation
body: <p>I am trying to customize the cells using cellTemplates in UI-GRID. For this, I am defining templates in .js file, like this :</p>
  
  <pre><code>var template1 = '&lt;div class="div1"&gt;{{COL_FIELD}}&lt;/div&gt;';
  
  var template2 = '&lt;div class="div2"&gt;{{COL_FIELD}}&lt;/div&gt;';
  
  var template3 = '&lt;div class="div3"&gt;{{COL_FIELD}}&lt;/div&gt;';
  </code></pre>
  
  <p>I want to separate the HTML codes from .js file. Is there a way to define these templates separately in some .html file and using them in .js file. ?</p>
  
  <p>Please Help.</p>