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

How to update an Angular2.RC1 child component when it loads?

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

我的方法基于这个答案: 虽然它在提供输入后可以正常工作,但我无法在加载时正确显示它(空的)。

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

我的灵感(来自@Thierry Templier's original here): https://plnkr.co/edit/tvQhuvnN4iP2sz0wbzso?p=preview

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

我正在使用 Angular2.RC1。

一个简单的答案是在子组件的 ngOnInit() 或 constructor() 中添加 this.inputInvalid = true,将默认状态设置为无效。