Question

我有一个在面板中显示数组项的应用使用此代码

<div *ngFor="let object of questionAnswer | reverse let i = index" [attr.data-index]="i">
        <p-panel header="{{object.question}}" [toggleable]="true" [collapsed]="true">
            <div class="row">
                <div class="col-sm-6">
                    {{object.answer}}
                </div>
                <div class="col-sm-6">
                    <button type="button" class="paneltools btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-cog fa-fw" aria-hidden="true"> </i> <span class="caret"></span></button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a (click)="editShow(i)">Edit</a></li>
                        <li><a (click)="remove(i)">Delete</a></li>
                    </ul>
                </div>
            </div>
        </p-panel>
    </div>

我想以相反的顺序显示项目，以便首先显示较新的项目，并使用我在这里找到的管道代码正常工作

export class ChallengesReversePipe {
transform(value) {
    return value.slice().reverse();
}

}

但我最大的问题是当这样做时，我得到一个反向索引号，我需要从反之前的原始索引号，例如顶部项的索引应该是数组中的最后一个索引号我似乎无法找到一种方法来获得它:( 有什么帮助吗？

Answer 1

您可以尝试这样的事情：

[attr.data-index]="questionAnswer.length - i - 1"

Answer 2

[attr.data-index]="questionAnswer.length - i - 1"对我不起作用，但是我用i代替了所有出现的"yourArray.length - i - 1"来完成工作

角度2 ng为逆序和相同的指数

2 个答案: