在 ng-repeat 中的最后一个列表项上向右浮动

Question

我想知道您是否能够在 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

谢谢！

Answer 1

在你的 ng-repeat 中，你可以使用 $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。

Answer 2

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

在 ng-repeat 中的最后一个列表项上向右浮动

Float Right on Last List Item in ng-repeat

javascript

list

angularjs

ng-repeat