Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ui参数值进行动态ng重复_Javascript_Angularjs - Fatal编程技术网

Javascript 使用ui参数值进行动态ng重复

Javascript 使用ui参数值进行动态ng重复,javascript,angularjs,Javascript,Angularjs,我想做一些类似于ng repeat=“statement in{{range}}Statements”的事情,其中range是一个ui参数值,可以是pos、neu和neg,具体取决于URL: /#/sidemenu-statements/1/pos /#/sidemenu-statements/1/neg /#/sidemenu-statements/1/neu 这将使我能够合并以下三个列表。。。有可能这样做吗 如果不是的话,什么是更好的方法 语句.view.html <div ng-c

我想做一些类似于
ng repeat=“statement in{{range}}Statements”
的事情,其中range是一个ui参数值,可以是pos、neu和neg,具体取决于URL:

/#/sidemenu-statements/1/pos
/#/sidemenu-statements/1/neg
/#/sidemenu-statements/1/neu
这将使我能够合并以下三个列表。。。有可能这样做吗

如果不是的话,什么是更好的方法

语句.view.html

<div ng-controller="StatementsController">
    <!-- List of positive statements -->
    <div class="list card" ng-repeat="statement in posStatements | orderBy: '-timestamp'" ng-if="range==='pos'">
        <div class="item item-icon-left">
            <i class="icon {{ statement.accountIcon }}"></i> 
            <h2>{{ statement.accountTag }}</h2>
            <span am-time-ago="{{ statement.timestamp }}"></span>
        </div>  
        <div class="item item-body">
            <span>{{ statement.statement }}</span>
            <div align="center"><p>We've assessed this post as <strong>{{ range }}</strong>. What do you think?</p></div>
        </div>
        <div class="button-bar">
            <a class="button button-balanced"><i class="icon ion-happy"></i></a>
            <a class="button button-dark">Skip</a>
            <a class="button button-assertive"><i class="icon ion-sad"></i></a>
        </div>
    </div>

    <!-- List of neutral statements -->
    <div class="list card" ng-repeat="statement in negStatements | orderBy: '-timestamp'" ng-if="range==='neu'">
        <div class="item item-icon-left">
            <i class="icon {{ statement.accountIcon }}"></i> 
            <h2>{{ statement.accountTag }}</h2>
            <span am-time-ago="{{ statement.timestamp }}"></span>
        </div>  
        <div class="item item-body">
            <span>{{ statement.statement }}</span>
            <div align="center"><p>We've assessed this post as <strong>{{ range }}</strong>. What do you think?</p></div>
        </div>
        <div class="button-bar">
            <a class="button button-balanced"><i class="icon ion-happy"></i></a>
            <a class="button button-dark">Skip</a>
            <a class="button button-assertive"><i class="icon ion-sad"></i></a>
        </div>
    </div>

    <!-- List of negative statements -->
    <div class="list card" ng-repeat="statement in negStatements | orderBy: '-timestamp'" ng-if="range==='neg'">
        <div class="item item-icon-left">
            <i class="icon {{ statement.accountIcon }}"></i> 
            <h2>{{ statement.accountTag }}</h2>
            <span am-time-ago="{{ statement.timestamp }}"></span>
        </div>  
        <div class="item item-body">
            <span>{{ statement.statement }}</span>
            <div align="center"><p>We've assessed this post as <strong>{{ range }}</strong>. What do you think?</p></div>
        </div>
        <div class="button-bar">
            <a class="button button-balanced"><i class="icon ion-happy"></i></a>
            <a class="button button-dark">Skip</a>
            <a class="button button-assertive"><i class="icon ion-sad"></i></a>
        </div>
    </div>
<div>

{{statement.accountTag}}
{{statement.statement}}
我们已将此帖子评估为{{range}。你觉得怎么样

跳过 {{statement.accountTag}} {{statement.statement}} 我们已将此帖子评估为{{range}。你觉得怎么样

跳过 {{statement.accountTag}} {{statement.statement}} 我们已将此帖子评估为{{range}。你觉得怎么样

跳过
我将执行以下操作:

ng-repeat="statement in getStatements(range)"
并在控制器中添加此函数(如果您不喜欢字符串串联,则可以使用开关/大小写结构):


您是否可以评估控制器中是否为neg/neu/pos,将其绑定到$scope obj上的新字段,并将其传递到ng repeat?
$scope.getStatements = function(range) {
   return $scope[range + "Statements"];
};