access value in array from Json response angular 4

Question

i wanna display a field in array at table .. how can i access SubjectCode in my Json Response using angular 4 ? .. My code give me error [Error trying to diff '[object Object]'. Only arrays and iterables are allowed]

Json Response :

{
  "$id": "1",
  "Council_ID": 88,
  "place": "bla bla",
  "number": "45",
  "type": 1,
  "date": "2017-11-08T00:00:00",
  "time": "04:51",
  "user_Id": 15,
  "subjects": [
     {
        "$id": "2",
        "subjectCode": "45",
        "type": 1,
        "faculty": "medicine",
        "branch": "اسكندرية",
        "gender": true
     }
 ],
  "absence": []
}

meeting.component.html:

<table class="table table-hover table-condensed text-center">
                            <tbody>
                                <tr *ngFor="let subject of subjectsWithID">
                                    <td > {{subject.subjects.subjectCode}} </td>
                                </tr>
                            </tbody>
                        </table>

meeting.component.ts:

this.dataStorageService.getCouncilId(this.meetingID).subscribe(response => {
                    this.subjectsWithID = response.json();
                    console.log(this.subjectsWithID, 'all Json Resopnse Here')
                });

you're using *ngFor over an object not an array. You should use subjectsWithID.subjects on your *ngFor — Elmer Dantas
– Elmer Dantas, Commented Nov 8, 2017 at 9:24

Sajeetharan · Accepted Answer · 2017-11-08 09:22:14Z

2

You should use ngFor over subjects, code should be,

<tr *ngFor="let subject of subjectsWithID.subjects">
   <td > {{subject.subjectCode}} </td>
</tr>

answered Nov 8, 2017 at 9:22

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user4676340 · Accepted Answer · 2017-11-08 09:22:18Z

1

Your subjects property is an array. If you want to display it, then you should do

{{subject.subjects[0].subjectCode}}

answered Nov 8, 2017 at 9:22

user4676340

2 Comments

user4676340 Over a year ago

Well because you use ngFor on an object, not an array.

user4676340 Over a year ago

Great, rememebr to mark @Sajeetharan's answer as resolved !

Collectives™ on Stack Overflow

access value in array from Json response angular 4

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related