validation - Angular 2 paper-input 和表单处理

Question

我想将 Ng2 FormBuilder 与 paper-input 一起使用。我得到了绑定(bind)和验证工作:
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。