如何将ng-messages与<input name='user[name]'>这样的输入一起使用

Question

我是Angular的新手，并且尝试使用ng-message来做一些像form-validate这样的事情。现在，当我在以下情况下使用ng-message时没有问题：

<form name='loginForm' novalidate>
    <input name='user' required>
    <div ng-messages=loginForm.user.$error>
        <div ng-message='required'> this field is required...</div>
    </div>
<form>

但当我更改输入的名称属性时，<input name='user[name]' required>，ng-message将不再起作用。有没有人能帮我？

Answer 1

Form name attributes 可以动态填充。请记住，name属性读取一个字符串，而ng-messages读取一个角度表达式，该表达式的计算结果应该是对$error对象的引用。

由于此引用是通过角度表达式获得的，因此它甚至可以是返回引用的方法。

在本例中，假设您的name属性如下所示：

<form name="loginForm">
    <input name="{{ user.name }}" required />
</form>

正确的语法应该是：

<div ng-messages="loginForm[user.name].$error" ></ div>