title: ui-grid : directive as cellTemplate
body: <p>I'm using ui-grid with the following data structure :</p>
  
  <pre><code>{
   name: String,
   tags: [{label: String, image: String}] 
  }
  </code></pre>
  
  <p>So the grid would have 2 columns : name and tags. A row entry can have multiple tags associated to it (hence the Array).
  Each tag has two properties : a label and an image, which is the path for an image file.</p>
  
  <p>I've created a directive that displays tags (directiveTags for example):</p>
  
  <p>For the sake of simplicity :</p>
  
  <pre><code>&lt;div&gt;{{tag.label}}&lt;img ng-src={{tag.image}}&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How would one use this directive in the cellTemplate property of gridOptions ?
  My idea was something like :</p>
  
  <pre><code>columnDefs: [
              { field: 'name'},
              { field: 'tags',
                cellTemplate : "&lt;div ng-repeat="tag in tags"&gt;&lt;directive-tags&gt;&lt;/directive-tags&gt;&lt;/div&gt;"
              },
  </code></pre>
  
  <p>Help much appreciated.</p>