将component1的checkbox的值传递给过滤管道上component2 angular的列表

时间:2017-05-15 14:22:49

标签: javascript arrays angular filter

我有两个问题:

1)单击一个checbox时,我有一个带有列表和功能过滤器的组件,但只有在该checbox位于列表的同一组件内时才能过滤,但我想为复选框创建一个组件。

2)现在我只能对复选框的判断为true或false,但我想在选中时传递一个值。

Plunker with example:

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

1 个答案:

答案 0 :(得分:1)

你的掠夺者遇到了一些问题,而且工作不正常。

首先引导两个组件,你应该只引导AppComponent

其次,您的Output注释应如下所示:

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

除此之外,唯一的问题是你在AppComponent中使用了错误的变量。在您使用checked的组件中,即使您的过滤器管道使用变量check。因此,将您的变量更改为check,您就可以了:)

check:boolean = false;

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

PLUNKER