how to iterate array values inside json object in angular

Question

I have json result like this

{
   "modelList":["modelName1","modelName2"],
   "modelNamesList":["modelName1","modelName2"],
   "yearList":["2021","2020","2019","2018"]
}

I need only years list from above object so I am not getting how to do that, can anyone help me, thank you

I have done something like this

home.component.ts

 export class HomeComponent implements OnInit {

    catlogData: any ={
                "modelList":["modelName1","modelName2"],
                "modelNamesList":["modelName1","modelName2"],
                "yearList":["2021","2020","2019","2018"]
    };


    ngOnInit(): void {}

home.component.html

<ul *ngFor="let a of catlogData">
    <li>year:{{a.yearList[i]}}
    </li>
</ul>

Does this answer your question? How to iterate object keys using *ngFor — Naren
– Naren, Commented Jan 19, 2021 at 18:31
You can apply *ngFor on catlogData.yearList, you can access directly json property with .. — Abhishek Kumar Pandey
– Abhishek Kumar Pandey, Commented Jan 19, 2021 at 18:33

Naren · Accepted Answer · 2021-01-19 18:40:17Z

2

You can directly access the yearsList from catlogData since it's an Object(catlogData.yearsList). Incase if you want iterate whole catlogData object, Check this answer

Try like this

 <div>
   <ul *ngFor="let year of catlogData.yearList">
     <li>years: {{ year }}</li>
   </ul>
 </div

edited Jan 19, 2021 at 18:40

answered Jan 19, 2021 at 18:33

Naren

4,5293 gold badges20 silver badges32 bronze badges

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

1 Comment

Naren Over a year ago

happy to help!!

Collectives™ on Stack Overflow

how to iterate array values inside json object in angular

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related