title: ng-repeat multiple value pairs on single element using angular-isotope
body: <p>I'm using the angular-isotope plugin to repeat multiple quotes in a masonry grid. My goal is to add multiple unique tags to each quote with each tag having its own unique filter class so that when you click the tag, only tags from that filter appear. Currently, the functionality works fine with just a single tag:</p>
  
  <p><img src="https://i.stack.imgur.com/3fSDP.jpg" alt="single quote"></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="quotes js-masonry" isotope-container="isotope-container"&gt;
  
  &lt;div class="quote-col {{item.class}}"  ng-repeat="item in quotes" isotope-item="isotope-item"&gt;
      &lt;div class="quote-single"&gt;
          &lt;div class="quote-quote"&gt;"{{item.quote}}"&lt;/div&gt;
          &lt;div class="quote-author"&gt;
              &lt;a class="filter-click" data-filter="{{item.dataFilter}}"&gt;- {{item.author}}&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="quote-bottom clearfix"&gt;
              &lt;span class="quote-share"&gt;
                  &lt;a href="#"&gt;&lt;img src="img/icons/facebook.png"&gt;&lt;/a&gt;
                  &lt;a href="#"&gt;&lt;img src="img/icons/twitter.png"&gt;&lt;/a&gt;
              &lt;/span&gt; 
              &lt;span class="quote-tags" ng-repeat="?"&gt;
                  &lt;a class="filter-click" data-filter="{{item.tagFilter}}"&gt;{{item.tag}}&lt;/a&gt;
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Angular Controller:</p>
  
  <pre><code>var demo = angular.module('angular-isotope-demo', []);
  
  demo.controller('QuoteController', function QuoteController($scope) {
  $scope.quotes = [
      {
          "quote":"It is better to lead from behind and to put others in front, especially when you celebrate victory when nice things occur. You take the front line when there is danger. Then people will appreciate your leadership.", 
          "author":"Nelson Mandela", 
          "tag": [
              "Leadership",
              "Second Class"
          ],
          "class":"mandela leadership",
          "dataFilter": ".mandela",
          "tagFilter": [
              ".leadership", 
              ".second-class"
          ]
      }
  ]
  });
  </code></pre>
  
  <p>My question is, how do I repeat that item tag (i.e. "Leadership", "Second Class") and attach it to that ".second-class" in the tagFilter so it looks like this?:</p>
  
  <p><img src="https://i.stack.imgur.com/4M7Wr.jpg" alt="second class image"></p>
  
  <p>I hope this is clear to understand.</p>