Angular 2 Code für mehrere Filter

Question

Ich bin neu in eckigen js. Ich versuche, die gleiche Funktionalität mit Winkel 2 wie here zu erreichen.

Die HTML-I in Winkel 1 verwendet wird, ist unten:

Basically i have an array like: 
[ 
    {name: 'Wine A', category: 'red'}, 
    {name: 'Wine B', category: 'red'}, 
    {name: 'Wine C', category: 'white'}, 
    {name: 'Wine D', category: 'red'}, 
    {name: 'Wine E', category: 'red'}, 
    {name: 'Wine F', category: 'white'}, 
    {name: 'Wine G', category: 'champagne'}, 
    {name: 'Wine H', category: 'champagne'}  
    ]; 

die Anordnung mehr als 2 Attribute haben kann. Ich möchte Checkbox-Filter für jedes der Attribute wie in j Geige Beispiel, das ich gab.

Ich habe zwei Tage verbracht, aber nicht in der Lage, dasselbe zu tun.

Answer 1

Die angular2 Art und Weise über eine Reihe von Iterieren mit der ngFor Richtlinie ist

<div *ngFor="let wine of wineArray" > 
    <input type="checkbox" [(ngModel)]="wine.selected"> 
    <label>{{ wine.name }}</label> 
</div> 

Wir die Checkbox Auswahl an den Original-Array binden mit ngModel

Mehr Informationen über ngFor & ngModel ist in den documentation verfügbar

Wenn Sie Angular1 besser kennen, gibt es auch eine useful conversion guide für Kartierung Techniken von ng1 zu ng2