ngfor 一次解压 2 个变量

Question

在 python 中，我可以这样做以在每次迭代时解压缩每个元组中的两个变量。

l = [(1, 2), (4, 5), (8, 9)]
for k,v in l:
     print("k = ", k)
     print("v = ", v)
     print("-------")

#   k =  1
#   v =  2
#   -------
#   k =  4
#   v =  5
#   -------
#   k =  8
#   v =  9
#   -------

我想知道我是否可以在 angular 中做类似的事情。

假设我们有 keyValues = [[1,2], [4,5], [8,9]] 有没有办法在每次迭代时解压每对数字？类似于：

<div *ngFor="let k, v of keyValues">{{k}} and {{v}}</div>

Answer 1

您可以将该数组转换为具有属性的对象（尽管我猜您已经开始使用对象了？）

const keyValues = [[1,2], [4,5], [8,9]]
const obj = Object.fromEntries(keyValues)

有一个 Angular 管道可用于提取键值对

<div *ngFor="let item of obj | keyvalue">
    {{item.key}}:{{item.value}}
</div>

ngfor 一次解压 2 个变量

ngfor unpacking 2 variables at a time

iterable-unpacking

ngfor

angular

ngfor 一次解压 2 ​​个变量

ngfor unpacking 2 variables at a time

iterable-unpacking

ngfor

angular

ngfor 一次解压 2 个变量