Angular2 Count items inside of the array display information

Question

Here again, I have the following component MyStoreComponent

 export class MyStoreComponent {
    stores: any[] = [{
        storeId: "456392",
        location: "New York",
        people: [{
            manager: "John",
            sales: "Claudia",
            tech: "Marcel"
        }, {
            manager: "Martin",
            sales: "Jenn",
            tech: "Oliver"
        }]
        }, {
        storeId: "456393",
        location: "California",
        people: [{
            manager: "Kim",
            sales: "Nancy",
            tech: "Marie"
        }]
    }];

 }

Now I am looking to count the people inside of each branch. For example 456392 has two manager or 456393 just have one

I tried myself with

 <ul *ngFor="#store of stores">
    <li *ngFor="#person of store.people">
        <span *ngIf="person.length > 1">Show this</span>
    </li>
 </ul>

But I am losing in some point, any help? please?

I think you want to check 'people.length' instead of 'person.length'. person is an object, not an array. — awiseman
– awiseman, Commented May 24, 2016 at 1:28

inoabrian · Accepted Answer · 2016-05-24 01:49:15Z

5

Like awiseman mentioned it should be

<ul *ngFor="#store of stores">
    <li *ngFor="#person of store.people">
        <span *ngIf="store.people.length > 1">Show this</span>
    </li>
 </ul>

answered May 24, 2016 at 1:49

inoabrian

3,8101 gold badge22 silver badges27 bronze badges

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

1 Comment

rodboc Over a year ago

Thanks mate! I appreciate your help

Collectives™ on Stack Overflow

Angular2 Count items inside of the array display information

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related