title: Add a css class to random items in AngularJS
body: <p>I"m going to start by saying i know almost nothing about Angular, but i've been asked to trouble shoot this.</p>
  
  <p>The final output is an isotope based display, and after the first item, the rest of the items need to been one or two sizes. The large size class (largeIsR) would be randomly added.</p>
  
  <p>Here's the code snippet</p>
  
  <pre><code>ng-class='{largeIs:$first, adTile: TripIdea.AdTile == true, **largeIsR:$index == randomNum** &amp;&amp; TripIdea.AdTile == false &amp;&amp; !$first}'
  </code></pre>
  
  <p>The portion in bold is where the randomportion is happening. The feedback i've been given is, it's not random enough. So we need more of the large size to be displayed.</p>
  
  <p>As we need the largeIsR classed added prior to isotope kicking in, i'm hesitant in trying it with plain javascript. </p>
  
  <p>So, can someone point me towards an example i can leverage?</p>
  
  <p>Cheers!</p>