title: Dynamic class name ngRepeat root element
body: <p>I am trying to use the model to add class names to each root element of my ngRepeat. I need each li to have a unique class name. Is there anyway to do this?</p>
  
  <p><strong>class="{{item.clazz}}"</strong></p>
  
  <pre><code>&lt;nav id="main-menu"&gt;
      &lt;ul&gt;
          &lt;li ng-repeat="item in menus[0].items" class="{{item.clazz}}"&gt;
              &lt;a class="dropdown-toggle" href="#" slidedown-toggle&gt;&lt;i class="{{item.icon}}"&gt;&lt;/i&gt;&lt;span&gt;{{item.name}}&lt;/span&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu"&gt;
                  &lt;li ng-repeat="link in item.items[0].items"&gt;
                      &lt;a href="{{link.link}}"&gt;{{link.name}}&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  
  
  items: [{
              title: 'About Us',
              icon: 'icon-about',
              clazz: 'about-us-menu',
              items: [{
                  name: 'Who are we?',
                  icon: '',
                  link: '#'
              }, {
                  name: 'Our Partners',
                  icon: '',
                  link: '#'
              }, {
                  name: 'Careers',
                  icon: '',
                  link: '#'
              }, {
                  name: 'Stuff from CMS',
                  icon: '',
                  link: '#'
              }]
          }]
  </code></pre>