Angular 2 Hidden指令未在输入字段更改时更新

Question

我有2个子组件。一个孩子有一个输入字段。如果输入字段为空，则应隐藏另一个子项。这是Plunker。

添加(keyup.enter)以清除输入字段中的值时，应隐藏的组件保持不被隐藏。

在plunker中，尝试在输入字段中输入单词。然后擦除它。隐藏的组件有效。

现在尝试输入一个字词，然后按enter。输入字段为空，但隐藏的组件保持不隐藏。

我做错了什么？隐藏指令条件是基于输入字段值，但我猜输入字段中的更改不会更新dom？

Answer 1

原因：按下输入后，您不会发出数据！

Your working plunker

<input type="text" (keyup)="0" #input (keyup.enter)="itemInput.emit('')" [(ngModel)]="input.value" (ngModelChange)="itemInput.emit(input)">