title: AngularJS Directive with Scope data array
body: <p>i've a array. Every item of the array holds data for an directive. The array is created inside a controller.</p>
  
  <p><strong>The Model</strong></p>
  
  <pre><code>$scope.myDirectiveData = 
            [ { title: "First title", content: "First content" }, 
              { title: "Second title", content: "Second content" } ];
  </code></pre>
  
  <p><strong>The Directive Template</strong></p>
  
  <pre><code>&lt;div class="MyDirective"&gt;
     &lt;h1&gt;{{myDirectiveData.title}}&lt;/h1&gt;
     &lt;p&gt;{{myDirectiveData.content}}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How should i implement the the directive to create a item for any item in the array ? Something like...</p>
  
  <pre><code>&lt;MyDirective data-ng-repeat="item in myDirectiveData"&gt;&lt;/MyDirective&gt;
  </code></pre>