先了解结果 Angular2 ngFor

Question

我有一个包含多个结果的多维数组：

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

我想了解当一本书只有一章（如 "Jungle book" 或多章如 "The Name Book."

时如何创建 *ngIf

感谢您的帮助

Answer 1

我不确定我是否完全理解了选择标准。

无论如何，假设要添加 *ngIf 检查的模板是在定义 books 属性的同一组件中定义的，我会尝试这样的事情

在模板中

<div *ngFor="let book of books">
  <div *ngIf="isBookToShow(book)">
    <!-- here goes the rest of your html -->
  </div>
</div>

与class

中对应的方法isBookToShow(book)

isBookToShow(book) {
  return book.chapter.length > 0
}

先了解结果 Angular2 ngFor

Understand first for result Angular2 ngFor

arrays

angular2-components

angular