How to bind array of object using *ngFor in angular 6

Question

{
    "Search": [
        {
            "name": "akram",
            "roll": 101
        },
        {
            "name": "wasim",
            "roll": 102
        }
    ],
    "total": "two record"
}

I want to print like this:

akram 101
wasim 102

What did you try so far? See How to loop with *ngFor in array of objects? — pzaenger
– pzaenger, Commented Jan 31, 2021 at 14:18
yest but my object is different as your object can you see below my object {"Search":[ {"name":"akram","roll":101}, {"name":"wasim","roll":102} ],"total":"two record"} — Akram
– Akram, Commented Jan 31, 2021 at 14:21

MrCodingB · Accepted Answer · 2021-01-31 14:20:35Z

5

Just use this:

<p *ngFor="let item of object.Search">{{item.name}} {{item.roll}}</p>

See the docs

answered Jan 31, 2021 at 14:20

MrCodingB

2,3241 gold badge12 silver badges24 bronze badges

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

6 Comments

Akram Over a year ago

<li *ngFor="let movie of movieListItem.Search"> Cannot read property 'Search' of undefined Error occurs in the template of component MoviedasboardComponent.

MrCodingB Over a year ago

What error, do you need to capitalize movieListItem.Search

Akram Over a year ago

----------Below is the code------------ .ts public movieListItem:movieItem[] : data store from subscribe method .service getList(): Observable<movieItem[]> { return this.http.get<movieItem[]>(this.movieRender); } .html <ul> <li *ngFor="let movie of movieListItem.Search"> {{movie.Title}} </li> </ul>

MrCodingB Over a year ago

can you put the error message and the code into the question

Akram Over a year ago

Property 'Search' does not exist on type 'movieItem[]'. 5 <li *ngFor="let movie of movieListItem.Search">

|

Collectives™ on Stack Overflow

How to bind array of object using *ngFor in angular 6

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related