角度材质 - 在输入上手动设置错误时,应用错误类会延迟

时间:2016-06-16 06:55:48

标签: angularjs angular-material ng-messages

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

为了告诉你我的问题是什么,继续plunkr

- 编辑 -

有人给了我一个想法,我只需要在输入上手动设置错误级别,但是以角度材料自己的方式。只需将md-is-error放在md-input-container上,并在控制器中手动设置输入的有效性

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

继续更新plunkr

1 个答案:

答案 0 :(得分:0)

它的工作,请参见plunker   Plunker

使用ng-class将'errorClass'动态添加到输入框

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

当$ error变为true时,我添加了.errorClass。

在用户名字段中输入'alexpogi',使内容变为红色