如何在AngularJS中获取数组中的最后一条记录

cpjpxq1n  于 2022-12-10  发布在  Angular
关注(0)|答案(5)|浏览(164)

我有一个对象数组ObjectsArr= [Object1 , Object2,Object3, Object4],我想在我的视图中显示最后一个对象,如何在angularjs中做到这一点?

lnlaulya

lnlaulya1#

ObjectsArr[ObjectsArr.length - 1]--这将给予数组中的最后一个元素。
要在视图中显示它,请执行以下操作:
{{ObjectsArr[ObjectsArr.length - 1]}}
即使数组中没有条目,也可以使用此方法。

z5btuh9x

z5btuh9x2#

您可以使用ng-if指令并通过以下方式检查元素是否在最后:

ng-if="$last"

请看下面的演示
第一次

oprakyz7

oprakyz73#

For working with Arrays I recommend Lodash or Underscore . It will save you a lot of time in the future.
Both have last method:

_.last([1, 2, 3]); //Will return 3

See the links for API and installation.
As for viewing the result in the view, you can assign a scope variable in the relevant controller for the result and show it.
Controller:

$scope.lastItem = _.last(array);

View:

{{lastItem}}
63lcw9qa

63lcw9qa4#

ES6中的新方法ObjectsArr.at(-1)
检查MDN/Array/at上的用法和兼容性

8cdiaqws

8cdiaqws5#

you can use reverse!

count = [0,1,2,3]

count.reverse() 
//[3,2,1,0]

count[0];   
// 3

相关问题