Angular材料 - 在输入上手动设置错误时,延迟应用错误类



我有一个用户名输入,并且我有一个自定义错误消息" 用户名已经通过 ng-messages " "。我设法手动添加并显示错误消息,但问题是"错误级"(或将角度材料输入变成颜色红色的错误)是某种" delayed "。我设置错误,然后显示错误消息,但没有应用错误类。我更改了用户名值(这将根据我的自定义函数将错误设置为false),然后错误消息消失,但仅此一次应用错误级。

向您展示我的问题是什么,这是一个plunkr

- 编辑 -

有人给了我和想法,我只需要手动将错误类设置在输入上,但是以角度材料的方式。只需将MD-IS-ERROR放在MD输入容器上,并在控制器中手动设置输入的有效性

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

Heres更新的Plunkr

它的工作,请参阅plunker plunker

使用ng-class动态添加" errorclass"到输入框

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

我添加了.ErrorClass时$错误。

在用户名字段中写入'al Expogi',该字段使内容红色

最新更新