title: How do you use ng-repeat with a directive/template?
body: <p>I'm trying to use ng-repeat to iterate over an array I've defined. This would write out a custom Element, which has a Directive/template to replace it's HTML.</p>
  
  <p>When I don't use ng-repeat, the custom Attributes are picked up in the template, and filled in, e.g.</p>
  
  <pre><code>&lt;my-custom-elm customAttr1="customVal1" customAttr2="customVal2"&gt;&lt;/my-custom-elm&gt;
  &lt;my-custom-elm customAttr1="customVal3" customAttr2="customVal4"&gt;&lt;/my-custom-elm&gt;
  </code></pre>
  
  <p>and:</p>
  
  <pre><code>app.directive('myCustomElm', function(){
      return {
          restrict: 'E',
          replace: true,
          scope: {
              customAttr1: '@',
              customAttr2: '@'
          },
          template: '&lt;div class="{{ customAttr1 }}"&gt;{{ customAttr2 }}&lt;/div&gt;'
      }
  });
  </code></pre>
  
  <p>would write out:</p>
  
  <pre><code>&lt;div class="customVal1"&gt;customVal2&lt;/div&gt;
  &lt;div class="customVal3"&gt;customVal4&lt;/div&gt;
  </code></pre>
  
  <p>However, when I try to do this iteratively using ng-repeat, as so:</p>
  
  <pre><code>&lt;my-custom-elm ng-repeat="x in jsArr" customAttr1="{{ x.customAttr1 }}" customAttr2="{{ x.customAttr2 }}"&gt;&lt;/my-custom-elm&gt;
  </code></pre>
  
  <p>The placeholders recieve no value. The HTML attributes are written to the element, so it's just the placeholders that I'm referencing poorly, for some reason.</p>
  
  <p>Any ideas?</p>