title: jQuery Sparkline in a cell in ng-grid using CellTemplate and Directive
body: <p>I am trying to bring jQuery Sparkline at each row in one cell in ng-grid.  The column contains numeric array data.</p>
  
  <p>Plunkr --> <a href="http://plnkr.co/edit/1eNEcx6FQWcJynlVYvFw?p=preview" rel="nofollow">http://plnkr.co/edit/1eNEcx6FQWcJynlVYvFw?p=preview</a></p>
  
  <p>I am using directive with cell template to achieve this.</p>
  
  <p>Cell Template:
      </p>
  
  <p>Directive:</p>
  
  <pre><code>app.directive('ngAge', function() {
    return{
      restrict: 'C',
      replace: true,
      translude: true,
      scope: {ngAgeData: '@'},
      template: '&lt;div&gt;' +
                '&lt;div class="sparklines"&gt;&lt;/div&gt;' +
                  '&lt;/div&gt;',
      link: function(scope,element,attrs){
       // var arrvalue= "3386.24000,1107.04000,3418.80000,3353.68000,4232.80000,3874.64000,3483.92000,2735.04000,2474.56000,3288.56000,4395.60000,1107.04000";
       //console.log(attrs.ngAgeData);
       var arrvalue = attrs.ngAgeData;
       var myvalues = new Array();
       myvalues = arrvalue.split(",");
       $('.sparklines').sparkline(myvalues); 
  
      }
    }
  });
  </code></pre>
  
  <p>I am having difficulty in getting the attrs.ngAgeData value inside the link function.  I am not sure what I am missing.  Please help!!!</p>
  
  <p>Thanks</p>