You are using "set" which is defined nowhere. You probably mean
"panel.sets" instead :
<li *ngFor="let repsCount of panel.sets">{{repsCount}}</li>
On Sunday, September 9, 2018 at 11:22:24 AM UTC+4, travis haycock wrote:
>
> I'm trying to to figure out how to display the elements of my array inside
> my object. In my case I have a list of exercises being displayed and inside
> the object there is an array that are the repetitions and each element
> corresponding to set number. Below you will see the data i'm working with
> how i'm currently trying to access them should be noted, I am able to
> display the exercises I just cant get the particular array to be associated
> with the object that it's suppose to be currently when I expand the mat
> element there are just 5 arrays inside with the elements belonging.
>
>
> this.usersSession = [{ "exercise": "chest press", sets: [12, 45, 32, 14]
> },
> { "exercise": "cable crossover", sets: [12, 5, 6, 31, 1] },
> { "exercise": "incline chest press", sets: [12, 45, 32, 14] },
> { "exercise": "decline chest press", sets: [12, 88, 2, 1] },
> { "exercise": "push up ", sets: [12, 45, 32, 14] }
> ]
>
> this.exercise = this.usersSession.map(function (exercise_names) {
> return exercise_names.exercise
> });
> console.log(this.exercise)
>
>
> this.set = this.usersSession.map(function (sets_reps) {
> return sets_reps.sets
> });
>
> =================================================================================================================================================================
> HTML BELOW
>
>
>
> <mat-accordion>
> <mat-expansion-panel *ngFor="let panel of usersSession">
> <mat-expansion-panel-header>
> {{panel.exercise}}
> </mat-expansion-panel-header>
> <ul>
> <li *ngFor="let repsCount of set">{{set}}</li>
> </ul>
> </mat-expansion-panel>
> </mat-accordion>
>
>
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
