在ng-repeat

时间:2015-08-03 23:22:15

标签: javascript angularjs list ng-repeat

我想知道你是否能够将文本浮动到ng-repeat中最后一个列表项的右侧。

我想要的是什么:

item 1           
item 2          
item 3          Only on last item

代码:

$scope.lists = {
  item1:  "item 1",
  item2: "item 2",
  item3: "item 3"
}

<li ng-repeat="list in lists">{{list}}<a style="float:right;">Only on last list item</a></li>

这只输出为:

item 1          Only on last item
item 2          Only on last item
item 3          Only on last item

以下是我想要做的事情:http://plnkr.co/edit/9i6lO3e60bwngnzECePF

谢谢!

2 个答案:

答案 0 :(得分:2)

在你重复之内,你可以使用$ last来判断你是否在最后一项。有关详细信息,请参阅angular's documentation

<li ng-repeat="list in lists">
    {{list}}
    <a ng-show="$last" style="float:right;">Only on last list item</a>
</li>  

jsfiddle here

答案 1 :(得分:2)

<li ng-repeat="list in lists">
{{list}}
<a ng-if="$last" style="float:right;">Only on last list item</a>
</li>