title: Dynamic ng-repeat using ui param value
body: <p>I would like to do something like <code>ng-repeat="statement in {{ range }}Statements"</code> where range is a ui param value that can be pos, neu and neg depending on the URL:</p>
  
  <pre><code>/#/sidemenu-statements/1/pos
  /#/sidemenu-statements/1/neg
  /#/sidemenu-statements/1/neu
  </code></pre>
  
  <p>It would allow me to consolidate the three lists below... is it possible to do this?</p>
  
  <p>If not what would be a better approach?</p>
  
  <p><strong>statements.view.html</strong></p>
  
  <pre><code>&lt;div ng-controller="StatementsController"&gt;
      &lt;!-- List of positive statements --&gt;
      &lt;div class="list card" ng-repeat="statement in posStatements | orderBy: '-timestamp'" ng-if="range==='pos'"&gt;
          &lt;div class="item item-icon-left"&gt;
              &lt;i class="icon {{ statement.accountIcon }}"&gt;&lt;/i&gt; 
              &lt;h2&gt;{{ statement.accountTag }}&lt;/h2&gt;
              &lt;span am-time-ago="{{ statement.timestamp }}"&gt;&lt;/span&gt;
          &lt;/div&gt;  
          &lt;div class="item item-body"&gt;
              &lt;span&gt;{{ statement.statement }}&lt;/span&gt;
              &lt;div align="center"&gt;&lt;p&gt;We've assessed this post as &lt;strong&gt;{{ range }}&lt;/strong&gt;. What do you think?&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="button-bar"&gt;
              &lt;a class="button button-balanced"&gt;&lt;i class="icon ion-happy"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a class="button button-dark"&gt;Skip&lt;/a&gt;
              &lt;a class="button button-assertive"&gt;&lt;i class="icon ion-sad"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- List of neutral statements --&gt;
      &lt;div class="list card" ng-repeat="statement in negStatements | orderBy: '-timestamp'" ng-if="range==='neu'"&gt;
          &lt;div class="item item-icon-left"&gt;
              &lt;i class="icon {{ statement.accountIcon }}"&gt;&lt;/i&gt; 
              &lt;h2&gt;{{ statement.accountTag }}&lt;/h2&gt;
              &lt;span am-time-ago="{{ statement.timestamp }}"&gt;&lt;/span&gt;
          &lt;/div&gt;  
          &lt;div class="item item-body"&gt;
              &lt;span&gt;{{ statement.statement }}&lt;/span&gt;
              &lt;div align="center"&gt;&lt;p&gt;We've assessed this post as &lt;strong&gt;{{ range }}&lt;/strong&gt;. What do you think?&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="button-bar"&gt;
              &lt;a class="button button-balanced"&gt;&lt;i class="icon ion-happy"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a class="button button-dark"&gt;Skip&lt;/a&gt;
              &lt;a class="button button-assertive"&gt;&lt;i class="icon ion-sad"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- List of negative statements --&gt;
      &lt;div class="list card" ng-repeat="statement in negStatements | orderBy: '-timestamp'" ng-if="range==='neg'"&gt;
          &lt;div class="item item-icon-left"&gt;
              &lt;i class="icon {{ statement.accountIcon }}"&gt;&lt;/i&gt; 
              &lt;h2&gt;{{ statement.accountTag }}&lt;/h2&gt;
              &lt;span am-time-ago="{{ statement.timestamp }}"&gt;&lt;/span&gt;
          &lt;/div&gt;  
          &lt;div class="item item-body"&gt;
              &lt;span&gt;{{ statement.statement }}&lt;/span&gt;
              &lt;div align="center"&gt;&lt;p&gt;We've assessed this post as &lt;strong&gt;{{ range }}&lt;/strong&gt;. What do you think?&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="button-bar"&gt;
              &lt;a class="button button-balanced"&gt;&lt;i class="icon ion-happy"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a class="button button-dark"&gt;Skip&lt;/a&gt;
              &lt;a class="button button-assertive"&gt;&lt;i class="icon ion-sad"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;div&gt;
  </code></pre>