Angular2 - 根据子组件中的事件切换另一个元素

Question

我有一个有这个孩子的组件：

<fb-customer-list (inSearchMode)="listIsInSearchMode = event$"></fb-customer-list>

如您所见，它会侦听来自该子节点的事件，该事件只是一个布尔值（表示子节点是否更改了模式）。

在父母中，我试图隐藏基于此布尔值的div：

<div class="center fade" *ngIf="!listIsInSearchMode">

但这仅在布尔值第一次改变时起作用。在那之后，这个div总是隐藏的。我知道ngIf直接从DOM中删除，但当事件再次变为真时，它肯定会被重新添加。

我也尝试根据bool应用style.visibilty，并使用hidden属性...但两者都给出相同的结果。

我可以看到孩子的事件从true变为false，但是在父母第一次出现之后呢？

Answer 1

我不确定这是不是问题，但你应该写 $ event 而不是 event $ 。

具有* ngIf的div是否包装了fb-customer-list组件？如果是这样，您就不能听取那些没有活着的孩子的回电。