ng-repeat只显示最后一个元素

乌兹

我正在开发用于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$lastng-repeat这是医生

<div ng-repeat="n in data track by $index">
   <span ng-show="$last">{{n}}</span>
</div>

<span ng-show="$last">{{n}}</span>在其最后一个重复$lasttrue,否则它false使您可以使用ng-showng-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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

angular ng-repeat 数组只显示一个元素

ng-repeat仅显示最后一个值

ng-repeat中最后一个元素的不同类

ng-repeat 嵌套数组的最后一个元素到函数

如何显示最后一个索引输入值标签... ng-repeat

内联编辑的ng-repeat,如何使第一个(或最后一个元素)具有editmode = true?

如何使div元素ng-repeat自动一次显示一个div

多个 ng-repeat 只显示第一行

Highcharts NG一次只显示一个点。动画制作

ng-repeat值作为最后一个<td>的ng-class

Angular Js:如何在ng-repeat中查找第一个和最后一个元素并为其添加特殊类?

只显示数组的最后一个元素

$.each 只显示最后一个元素

内部ng-repeat跳过数组的第一项,并将其放入最后一个html元素

将选定的选项应用于带有ng-repeat的最后一个选项

如何删除角度ng-repeat中的最后一个<hr />

:ng-repeat中的最后一个孩子不起作用

AngularJS-当到达对象的最后一个项目时如何停止ng-repeat

AngularJS不显示ng-repeat,仅显示一个空列表

使用ng-repeat一次显示2个元素

我的 ng-option 选择栏显示列表中的最后一个值

我的 ng-repeat 只显示最新的循环

AngularJS:Bootstrap 折叠仅针对使用 ng-repeat 的一个 <li> 元素

如何用角形ng-repeat订购不止一个元素?

存储ng-repeat指令的第一个元素

Angular JS隐藏ng-repeat的第一个元素

仅对ng-repeat中的第一个元素进行动画处理

单击一个按钮即可删除多个ng-repeat元素

将ng-repeat嵌套在一个元素上以进行过滤