在 angular 中禁用默认键值管道排序

Question

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

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

Answer 1

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

但这会引发 ts 错误：TypeError: The comparison function must be either a function or undefined

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

returnZero() {
    return 0
}

[...在您的模板中]

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

Disable the default keyvalue pipe sort in angular