我正在开发用于AngularJs消息的收件箱,遇到了一个问题:我只想显示中的最后一个元素ng-repeat
。我做了一些研究,发现下面的代码应该可以工作。
<div class="inbox" ng-repeat="recipient in messages">
<ul>
<div>
<span> {{recipient.$id}} <br> </span>
<li class="inboxItem">
<span ng-repeat="messages in recipient"> {{messages.sender}} {{messages.message}} <br></span>
</li>
</div>
</ul>
</div>
但是,事实并非如此。你们能告诉我我在做什么错吗?我认为array.length-1
应该将ng-repeat限制为仅显示数组中的最后一个对象。
谢谢!
使用angularjs$last
在ng-repeat
。这是医生
<div ng-repeat="n in data track by $index">
<span ng-show="$last">{{n}}</span>
</div>
<span ng-show="$last">{{n}}</span>
在其最后一个重复$last
会true
,否则它false
使您可以使用ng-show
或ng-if
与$last
。
这是一个示例演示
更新我认为那里不需要ng-repeat,因为您需要显示数组的最后一个元素(这与@Michael P. Bazos的答案相同),可以这样做:
$scope.data = [42, 42, 43, 43, 50];
print the last value as : {{ data[data.length-1] }}
这是演示
但是,如果您真的需要使用ng-repeat,请执行以下操作
[data[data.length-1]]
仅使用最后一个元素创建一个数组。
<div ng-repeat="n in [data[data.length-1]] track by $index">
<span>{{n}}</span>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句