title: Angular.js ng-switch-when not working with dynamic data?
body: <p>I'm trying to get Angular to generate a CSS slider based on my data. I know that the data is there and am able to generate it for the buttons, but the code won't populate the ng-switch-when for some reason. When I inspect the code, I see this twice (which I know to be correct as I only have two items):</p>
  
  <pre><code>&lt;div ng-repeat="assignment in assignments" ng-animate="'animate'" class="ng-scope"&gt;
      &lt;!-- ngSwitchWhen: {{assignment.id}} --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My actual code:</p>
  
  <pre><code>&lt;div ng-init="thisAssignment='one'"&gt;
       &lt;div class="btn-group assignments" style="display: block; text-align: center; margin-bottom: 10px"&gt;
           &lt;span ng-repeat="assignment in assignments"&gt;
                &lt;button ng-click="thisAssignment = '{{assignment.id}}'" class="btn btn-primary"&gt;{{assignment.num}}&lt;/button&gt;
           &lt;/span&gt;
       &lt;/div&gt;
  
       &lt;div class="well" style="height: 170px;"&gt;
           &lt;div ng-switch="thisAssignment"&gt;
                &lt;div class="assignments"&gt;
                     &lt;div ng-repeat="assignment in assignments" ng-animate="'animate'"&gt;
                          &lt;div ng-switch-when='{{assignment.id}}' class="my-switch-animation"&gt;
                          &lt;h2&gt;{{assignment.name}}&lt;/h2&gt;
                          &lt;p&gt;{{assignment.text}}&lt;/p&gt;
                     &lt;/div&gt;
                &lt;/div&gt;
           &lt;/div&gt;  
      &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>EDIT: This is what I'm trying to emulate, though with dynamic data. <a href="http://plnkr.co/edit/WUCyCN68tDR1YzNnCWyS?p=preview">http://plnkr.co/edit/WUCyCN68tDR1YzNnCWyS?p=preview</a></p>