2017-05-15 6 views
3

角度コンポーネント2に、パイプにリストをフィルタリングするためにコンポーネント1のチェックボックスの値を渡しますchecboxはリストの同じコンポーネントの中にありますが、チェックボックスのコンポーネントだけを作成します。は、私は2つの質問がある

2)これで、チェックボックスのtrueまたはfalseを選択できるようになりましたが、チェックすると値を渡したいと思います。

Plunker with example: 

http://plnkr.co/edit/629mV0jrOjwMHr9RZxRZ?p=preview

+0

を行ってもいいです –

答えて

1

あなたのplunkerといくつかの問題を抱えていたし、それが正常に働いていませんでした。

まず、両方のコンポーネントをブートストラップする場合は、ブートストラップAppComponentのみを使用してください。

第二に、あなたのOutput注釈は次のようになります。これ以外に

@Output() checked: EventEmitter<boolean> = new EventEmitter<boolean>(); 

、唯一の問題は、あなたがAppComponentで間違った変数を使用していたということでした。フィルタパイプが変数checkを使用していたにもかかわらず、checkedを使用していたコンポーネントでは、だからあなたの変数はcheckに変更し、私は、リストコンポーネントに関する指令としてCheckBoxコンポーネントを追加してみました:)

check:boolean = false; 

trataCheck(event) { 
this.check = event; 
} 

あなたPLUNKER

関連する問題