CODEWITHSUNDEEP
angularionic-framework
symfonyBeginner
symfonyBeginner

Reputation: 53

Angular array of array

I've got observable object called user, so:

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

my JSON object looks like:

   "id":"MwdM8bak78eE1omf6u04KtqlE2X2",
   "anonymous":false,
   "cardTokens":{
      "EtVcNxAfm00":{
         "4digits":4123,
         "Vendor":"Visa"
      }
   },
   "displayName":"User",
   "role":"user",

and i want to show all of users cards, so im using:

<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>

I see user name, but card tokens show me nothing. what should i do to show cards token array?

Upvotes: 0

Views: 46

Answers (1)

Adrita Sharma
Adrita Sharma

Reputation: 22213

Try like this:

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

Working Demo

Upvotes: 1

Related Questions