*ngIf multidimensional array Angular2

Question

I have created an array to call it from the template in Angular 2

    books: any[] = [{
        name: "The Name book",
        chapter: [{
            name: 'Alpha',
            pages: '180'
        }, {
            name: 'Beta',
            pages: '100'
        }]
    }]

So, in the template, I would like to call it like this

    <li *ngFor="#book of books" >
            {{book.chapter.name}}
    </li>

But it doesn't work, any help please?

Abdulrahman Alsoghayer · Accepted Answer · 2016-05-23 03:37:05Z

1

The chapter property is an array, so you have to pass it to ngFor also.

<template ngFor [ngForOf]="books" let-book>
     <li *ngFor="let chapter of book.chapter">
        {{chapter.name}}
     </li>
</template>

Check this plunk

Please notice that I am using the let-book syntax since the #book syntax is deprecated.

answered May 23, 2016 at 3:37

Abdulrahman Alsoghayer

16.6k7 gold badges53 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

*ngIf multidimensional array Angular2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related