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

发布时间：2020-12-17 07:16:58 所属栏目：安全来源：网络整理

导读：我有一个名称包含括号的表单输入,例如： form name="my_form" input type="text" name="my_form[email]" ng-model="email" ng-class="'mycssclass': my_form.my_form[email].$invalid"/form 所以,问题是Angular没有应用那个css类,因为我的输入名称(my_form [

我有一个名称包含括号的表单输入,例如：

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

所以,问题是Angular没有应用那个css类,因为我的输入名称(my_form [email]),是在Angular中引用我的输入的正确表示法.

这是一个插件：
http://plnkr.co/edit/t7PEilV9maNYGnVYnTDc?p=preview

解决方法

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!