Verstehen Sie zuerst Ergebnis Angular2 ngFor

Question

ich ein Array haben mehrdimensionale mit Multiples Ergebnisse:

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

Ich möchte verstehen, wie ein * ngIf zu erstellen, wenn ein Buch wie „Dschungelbuch“ nur ein Kapitel hat oder ein Vielfaches als "Das Namensbuch"

Danke für Ihre Hilfe

Answer 1

Ich bin nicht sicher, ob ich voll und ganz die Auswahl creteria verstanden haben.

Wie dem auch sei, vorausgesetzt, die Vorlage, wo Sie die *ngIf Check hinzugefügt werden soll wird in der gleichen Komponenten definiert, wo Sie die books Eigenschaft definieren, würde ich versuchen, so etwas wie dieses

In der Vorlage

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

mit dem Verfahren entsprechend isBookToShow(book) in der Klasse

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