先了解結果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' 
    }] 
    } 
] 

我想知道如何創建一個* ngIf時，一本書有像「叢林之書」或倍數只是一個章節作爲「名簿」。

感謝您的幫助

Answer 1

我不確定我是否完全理解了選擇標準。

無論如何，假設要添加*ngIf檢查在您定義的books屬性相同的組件被定義模板，我會嘗試這樣的事情

在模板

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

與類對應的方法isBookToShow(book)

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