angular - 禁用 Angular 默认键值管道排序

Question

<tr *ngFor="let a of arrayOfObjects">
    <td *ngFor="let item of cfValues | keyvalue">
        {{item.value}}
    </td>
</tr>

我只是想按常规顺序打印项目，但键/值管道会根据索引进行默认排序。有没有办法禁用默认排序？

Answer 1

如果您不希望它们被排序，您需要返回 0。所以在你的事业中你可以做 <td *ngFor="let item of cfValues | keyvalue : 0">

但这会抛出一个 ts 错误:TypeError: The comparison function must be either a function or undefined

否则，您可以创建一个返回 0 的函数并使用

returnZero() {
    return 0
}

[...在你的模板中]

<td *ngFor="let item of cfValues | keyvalue : returnZero">