Angular 2 纸张输入和表单处理

Question

我想将 Ng2 FormBuilder 与纸张输入一起使用。我得到了绑定和验证工作：
https://plnkr.co/edit/tr1wYZFyrn4uAzssn5Zs?p=preview

 <paper-input ngControl="name"
                   ngDefaultControl
                   required
                   class="col-xs-12"
                   (keyup.enter)="onSubmit(myForm)"
                   error-message="Invalid input!"
                   label="What do you need to do?">  
</paper-input>

但是如何将 angular 的验证链接到 Polymer 的“错误消息”？ 加上当前带有“（keyup.enter）=”onSubmit（myForm）”的解决方案并不理想，因为即使表单无效，它也会提交。我们如何正确链接这些技术？ 谢谢

Answer 1

事实证明，你可以在 paper-input 上使用 invalid 属性并通过 angular 设置它：

[invalid]="name.pristine? false : name.value == undefined? false: !name.valid"

我已经更新了 plnkr。