は私が倍数の結果と多次元配列を持っている結果Angular2 ngFor

Question

のための最初の理解：本は「ジャングル・ブック」または倍数のようなただ1章を持っている場合

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を作成する方法を理解したいと思います"The Name Book"として。

ご協力ありがとうございます

Answer 1

私は選択クレテリアを完全に理解しているかどうかはわかりません。

とにかく、あなたはbooksプロパティを定義し、同じコンポーネントで定義されている*ngIfチェックを追加したいテンプレートを想定し、私はテンプレート

<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 
}