title: AngularJS - ng-switch within ng-repeat and slice
body: <p>I have a simple ng-repeat that loops through a JSON file with a list of financial deposits.</p>
  
  <p>However, i am trying to slice the first 12 entries and perform a ng-switch on the value:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;td ng-repeat="deposit in MyData.MyDeposits.slice(0, 12)" ng-switch="WHATGOESHERE?"&gt;
      &lt;span ng-switch-when="0"&gt;U&lt;/span&gt;
      &lt;span ng-switch-when="1"&gt;D&lt;/span&gt;
      &lt;span ng-switch-when="2"&gt;2&lt;/span&gt;
      &lt;span ng-switch-when="3"&gt;3&lt;/span&gt;
      &lt;span ng-switch-when="4" class="icon-warning"&gt;3&lt;/span&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>function EventController($scope) {
      $scope.MyData = {
          "Name" : "Mr White",
          "MyDeposits": [
                  "0",
                  "0",
                  "0",
                  "U",
                  "1",
                  "2",
                  "4",
                  "0",
                  "D",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " ",
                  " "
           ];
      }
  };
  </code></pre>
  
  <p>The issue i am facing is what do i place in my <code>ng-switch="WHATGOESHERE?"</code></p>
  
  <hr>
  
  <p>Added plunker: <a href="http://plnkr.co/edit/WtFWVYVvRKm1pN19qlX8?p=preview" rel="nofollow">http://plnkr.co/edit/WtFWVYVvRKm1pN19qlX8?p=preview</a></p>