使用AngularJS中包含方括号的名称验证输入

Question

I have a form input with names containing brackets, eg:

<form name="my_form">  
    <input type="text" name="my_form[email]" ng-model="email" ng-class="'mycssclass': my_form.my_form[email].$invalid">
</form>

So, the problem is that Angular is not applying that css class because of the name of my input (my_form[email]), is that the correct notation to reference my input in Angular.

Here's is a plunk: http://plnkr.co/edit/t7PEilV9maNYGnVYnTDc?p=preview

Answer 1

引用名称包含方括号的输入的方法是使用方括号表示法，如下所示：

my_form['my_form[email]'].$invalid

Answer 2

You need to use the ng-model attribute in your input. It bind the content of a field with a value in the $scope . You also need to pass a Javascript Object to the ng-class directive. In your example it would be :

<form name="my_form">  
    <input type="text" ng-model="my_form.email" ng-class="{'mycssclass': my_form.email.$invalid}">
</form>

Don't hesitate to look at the examples in the ng-model and ng-class directive documentation.