0

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

为了告诉你我的问题是什么,这是一个plunkr

- 编辑 -

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

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

这是一个更新的plunkr

4

1 回答 1

0

它的工作,见 plunker Plunker

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

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

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

在用户名字段中写入“alexpogi”,使内容变为红色

于 2016-06-16T07:36:33.637 回答