複数のフィルタの角度2のコード

Question

私は角度jを初めて使用しています。私はhereとして角度2と同じ機能を達成しようとしています。 Iは角度1で使用

HTMLは以下である：

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'}  
    ]; 

アレイは2つの以上の属性を有することができます。私が与えたjs fiddleの例のように、各属性に対してチェックボックスフィルタを生成したい。

私は2日を過ごしましたが、同じことをすることはできませんでした。

Answer 1

アレイを反復のangular2方法は、我々はngFor & ngModelにngModel

詳細情報を使用して、元の配列にあるチェックボックスの選択を結合

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

ngFor指令であることdocumentationで利用可能です

Angular1についてよく知っている方は、useful conversion guide ng1からng2へのマッピングテクニック