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

【问题标题】：Float Right on Last List Item in ng-repeat在 ng-repeat 中的最后一个列表项上向右浮动
【发布时间】：2015-08-03 23:22:15
【问题描述】：

我想知道您是否能够将文本浮动到 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

谢谢！

【问题讨论】：

您的问题将仅在最后一项上显示一个块，正如大卫所做的那样。如果您需要在最后一项上向左浮动，您可以使用 css 选择器。

标签： javascript angularjs list ng-repeat

【解决方案1】：

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

【讨论】：

【解决方案2】：

在您的 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。

【讨论】：