如何在加载时更新Angular2.RC1子组件？

Question

我试图让子组件（自定义输入）在加载时正确更新。

我的方法基于这个答案：https://stackoverflow.com/a/34814189/386619 虽然它提供输入后工作，但我无法在加载时显示正确（空白）。

我希望看到的行为是：
具有空电子邮件地址属性和子组件加载的组件，子组件显示<div>，并显示消息Please enter a valid email address.。然后我输入有效的输入，它就消失了。如果我删除它（或提供无效输入），它将返回（该部分现在可用）。

我的插件（源自@Thierry Templier的原始here）： https://plnkr.co/edit/tvQhuvnN4iP2sz0wbzso?p=preview

这可能很简单，但我很想念它。我也是TS / JS / NG2 / HTML的新手，所以我希望这对某人来说很简单。

我正在使用Angular2.RC1。

Answer 1

一个简单的答案是在子组件的ngOnInit（）或构造函数（）中添加this.inputInvalid = true，将默认状态设置为无效。