title: How get attribute values in DOM elements with jquery, having a ng-repeat in angularJS
body: <p>i'm pretty new with angularJS, i'd like to figure out how to execute a jquery function that allow me to draw an SVG on each image's div container that has an ID "scoped" through ng-repeat directive.</p>
  
  <p><strong>partial.html</strong></p>
  
  <pre><code>&lt;div class="cover-cont" ng-repeat="project in projects" dv-list-projects&gt;
              &lt;a href="#/project/{{project.slug}}"&gt;
                  &lt;div class="cover" id="{{project.slug}}"&gt;
  
                     &lt;img ng-src="{{project.custom_fields.projectCover}}"&gt;
                  &lt;/div&gt;
              &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>my jquery function:</p>
  
  <pre><code>            $('.cover').each(function(i, e){
  
              var id = $(this).attr('id');
              var img = $(this).find('img').attr('src');
  
              var iw = $(this).find('img').width();
              var ih = $(this).find('img').height();
  
              var draw = SVG(id).size(iw , ih);
              var svgImg = draw.image(img).size(iw,ih);
  
              svgImg.filter(function(add) {
                  console.log('filter');
                  add.colorMatrix('saturate', 0.5);
              });
  
              var polygon = draw.polygon('0,0 '+ iw +',0 0,'+ih);
              svgImg.clipWith(polygon);
              });
  </code></pre>
  
  <p>So, i need to get src, Id of .cover div, but i still have {{project.slug}} like string instead the value of this scope for the id of .cover.</p>
  
  <p>hope you can give some best approaches about this argument.</p>
  
  <p>Thanks.</p>