Angular 阵列角阵

我有一个可观察的物体叫做用户，所以：

<ng-container *ngIf="auth.user$ | async as user;">
{{user.displayName}}
</ng-container>

我想显示所有用户卡，因此我使用：

<ng-container *ngIf="auth.user$ | async as user; else login">
{{user.displayName}}
<ion-item *ngFor="let card of user.cardTokens;">
{{card.4digits}}
</ion-item>
</ng-container>

{{user.displayName}
{{card.4digits}

我看到用户名，但卡令牌什么也没显示。我应该如何显示卡令牌阵列？

尝试如下操作：

    <ion-item *ngFor="let card of user.cardTokens | keyvalue">
            {{card.value["4digits"]}}
    </ion-item>

{{card.value[“4digits”]}

---

代码不起作用的原因是，

cardTokens

不是数组，而是JavaScript对象。JS对象是不可移植的，这就是为什么您需要使用

Object.keys（）

或@Adrita Sharma指出的

keyvalue

管道才能进行迭代。问题是

cardtoken

在这里不是数组。它是一个物体。例如，您可以使用keyvalue管道来检索iterable键值pairyah，它正在工作！你能解释一下如何返回“EtVcNxAfm00”{{{card.key}。查看修改后的演示文稿，一切正常。再次感谢你，我放弃了| keyvalue

    <ion-item *ngFor="let card of user.cardTokens | keyvalue">
            {{card.value["4digits"]}}
    </ion-item>