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>

但是如何将角度验证链接到＆＃34;错误消息＆＃34;聚合物？ 加上当前的解决方案＆＃34;（keyup.enter）=＆＃34; onSubmit（myForm）＆＃34;即使表格无效，也不会提交。我们如何正确地连接这些技术？ 感谢

Answer 1

事实证明，您可以在纸张输入上使用无效属性，并通过angular：

进行设置

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

我更新了plnkr。