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

Question

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

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

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

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

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

我正在使用 Angular2.RC1。

Answer 1

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