2016-06-16 49 views
0

我有一個用戶名輸入和我有一個自定義的錯誤消息通過NG-消息「已經採取用戶名」施加誤差級被延遲。我設法手動添加並顯示錯誤消息,但問題是「錯誤級別」(或者錯誤地將角度材料輸入變成紅色的東西)是某種「延遲」。我設置了錯誤,然後錯誤信息顯示,但沒有應用錯誤類。我更改了用戶名值(這將根據我的自定義函數將錯誤設置爲false),然後錯誤消息消失,但此時應用了錯誤類。角材料 - 當手動設置錯誤輸入

要告訴你我的問題是什麼,繼承人plunkr

- 編輯 -

有人給我和想法,我只需要手動設置錯誤級上輸入,但以角材料自己的方式。只要把MD-是錯誤的MD-輸入容器,也可以手動設置輸入的有效性控制器

<md-input-container md-is-error="sampleForm.userName.$invalid"> 

這裏有一個更新的plunkr

+0

我不明白你的問題。你的plunkr工作得很好? –

+0

它顯示錯誤,但不會立即應用「錯誤類」(userName輸入中的紅色線和標籤)。 –

回答

0

它的工作,見plunker Plunker

使用納克級動態地添加「errorClass」的輸入框

ng-class="{'errorClass': sampleForm.userName.$error.alreadyTaken}"

當$ error變爲true時,我添加了.errorClass。

寫「alexpogi」在用戶名字段,這使得內容紅色

+0

您的解決方案工作得很好,但角材料的錯誤類將輸入的邊框和標籤變成紅色,而不是文本。我發現問題出在角材料上。我想知道角材料是否具有內建或更合適的方法來處理這個問題。 –