Dynamic ng-repeat using ui param value
<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>