角2的错误消息
问题描述:
我试图让我的应用程序的一些错误消息,我已这样角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>
但我不喜欢它的样子,也许有人可以帮我做这速记?
答
您可以在代码中执行验证,然后绑定到结果。
这里是我的一个样子:
<span class="help-block" *ngIf="displayMessage.productName">
{{displayMessage.productName}}
</span>
然后我在我的组件,可跟踪验证状态的属性:
displayMessage: { [key: string]: string } = {};
希望,导致你正确的道路。
如果您想更详细地查看我的解决方案,可以在此处找到:https://github.com/DeborahK/Angular2-ReactiveForms位于APM更新的文件夹中。
(此代码是从Pluralsight我的“角无形式”等课程。)
我真的不知道有更好的方法来做到这一点,在组件中跟踪这些值可能会更加复杂。你到底希望什么? –