* ngIf多维数组Angular2

Question

我已经创建了一个数组，可以从Angular 2中的模板中调用它

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

所以，在模板中，我想称之为

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

但它不起作用，请帮忙吗？

Answer 1

chapter属性是一个数组，因此您还必须将其传递给ngFor。

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

Check this plunk

请注意我使用let-book语法，因为不推荐使用#book语法。