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

【问题标题】：Angular 2 Hidden directive not updating on input field changeAngular 2 Hidden 指令未在输入字段更改时更新
【发布时间】：2016-03-19 02:26:44
【问题描述】：

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

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

在 plunker 中，尝试在输入字段中输入一个单词。然后抹去。隐藏组件有效。

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

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

【问题讨论】：

标签： angular

【解决方案1】：

原因：按回车时没有发出数据！

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

【讨论】：

我很好奇，当您在 ngModel 上有 2 路数据绑定时，为什么还需要 ngModelChange？
ngModelChange 可以在您想做某事时使用，例如。当模型的值改变时调用一个函数。 @Jarvis 在这里，当模型的值发生更改时，我正在发出数据。
感谢分享！我目前在使用表单中的第 3 方内容设置值时遇到问题，但我的模型没有得到更新，所以我正在四处挖掘试图弄清楚。花了我一点时间才弄清楚如何让我的自定义组件与表单一起正常工作...... :-P
@Jarvis 干杯！使用 Angular2 进行愉快的编码。