angularjs – 如何获取ng-repeat中的上一项？

发布时间：2020-12-17 08:41:22 所属栏目：安全来源：网络整理

导读：我有一个模板，其中我想生成一些HTML，只有当前项目有一些不同的字段从前一个项目。如何访问ng-repeat中的上一个项目？你可以做类似的事情 div ng-app="test-app" ng-controller="MyController" ul id="contents" li ng-repeat="content in contents" div c

我有一个模板，其中我想生成一些HTML，只有当前项目有一些不同的字段从前一个项目。如何访问ng-repeat中的上一个项目？

你可以做类似的事情

<div ng-app="test-app" ng-controller="MyController">
    <ul id="contents">
      <li ng-repeat="content in contents">
          <div class="title">{{$index}} - {{content.title}} - {{contents[$index - 1]}}</div>
      </li>
    </ul>
</div>

var app = angular.module('test-app',[]);

app.controller('MyController',function($scope){
    $scope.contents=[{
        title: 'First'
    },{
        title: 'Second'
    },{
        title: 'Third'
    }]
})

演示：Fiddle

注意：$ index是指令数组，它可能不同于范围数组。使用内联变量访问正确的数组。

<li ng-repeat="content in (correctContents = (contents | orderBy:'id'))">
  {{ correctContents[$index - 1] }} is the prev element
</li>

如果你过滤或orderBy，contents [$ index]！= content。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!