角2的错误消息

2017-08-09 67 views 0 likes

我试图让我的应用程序的一些错误消息，我已这样角2的错误消息

<span *ngIf="email.hasError('required')">Please enter your e-mail address</span> 
<span *ngIf="email.hasError('email') && !email.hasError('required')">Please enter a valid e-mail address</span>

但我不喜欢它的样子，也许有人可以帮我做这速记？

来源

2017-08-09 Miomir Dancevic

我真的不知道有更好的方法来做到这一点，在组件中跟踪这些值可能会更加复杂。你到底希望什么？ –

回答

您可以在代码中执行验证，然后绑定到结果。

这里是我的一个样子：

<span class="help-block" *ngIf="displayMessage.productName"> 
    {{displayMessage.productName}} 
</span>

然后我在我的组件，可跟踪验证状态的属性：

displayMessage: { [key: string]: string } = {};

希望，导致你正确的道路。

如果您想更详细地查看我的解决方案，可以在此处找到：https://github.com/DeborahK/Angular2-ReactiveForms位于APM更新的文件夹中。

（此代码是从Pluralsight我的“角无形式”等课程。）

来源

2017-08-09 20:37:48 DeborahK

角2的错误消息

回答

相关问题