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"];
};