角2的錯誤消息

Question

我試圖讓我的應用程序的一些錯誤消息，我已這樣

<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> 

但我不喜歡它的樣子，也許有人可以幫我做這速記？

Answer 1

您可以在代碼中執行驗證，然後綁定到結果。

這裏是我的一個樣子：

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

然後我在我的組件，可跟蹤驗證狀態的屬性：

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

希望，導致你正確的道路。

如果您想更詳細地查看我的解決方案，可以在此處找到：https://github.com/DeborahK/Angular2-ReactiveForms位於APM更新的文件夾中。

（此代碼是從Pluralsight我的「角無形式」等課程。）