当多个表单中的相同 ng-model 设置为必需时,IE 11 中的验证问题
Validation Issue in IE 11 when same ng-model in multiple form set to required
我正在处理的应用程序有多个选项卡,每个选项卡都包含一个带有 ng-submit 的表单。他们共享一些公共字段,例如:selectedService.
两种形式都设置为必需。然而,以一种形式更新它然后切换到另一种形式,Chrome 不会抱怨它是必需的,因为它已经有价值,但是 IE 11 抱怨它是必需的,尽管它已经输入了数据并且 angular 表示这也是有效的。
有没有办法让我更新 IE 让它知道这个模型已经更新并且它有价值?还是表格需要重新验证?
--------------------更新-------------
我终于能够复制它了:http://plnkr.co/edit/Gjphya?p=preview
因此,如果您 select 在第一个下拉列表中输入一个值,然后单击第二行中的提交,它表示这是必需的。这只发生在 IE 中,不会发生在 Chrome 或其他浏览器中。
而且我认为问题出在这一行:
$scope.selectedService = null;
谢谢!
我需要解决的就是在 select 标签中添加这一行:
<option value="">Please Select...</option>
如果我在控制器中初始化 ng-model,它也可以解决问题,但是如果下拉列表绑定到数组而不是对象集合,有时会导致意外问题。
我正在处理的应用程序有多个选项卡,每个选项卡都包含一个带有 ng-submit 的表单。他们共享一些公共字段,例如:selectedService.
两种形式都设置为必需。然而,以一种形式更新它然后切换到另一种形式,Chrome 不会抱怨它是必需的,因为它已经有价值,但是 IE 11 抱怨它是必需的,尽管它已经输入了数据并且 angular 表示这也是有效的。
有没有办法让我更新 IE 让它知道这个模型已经更新并且它有价值?还是表格需要重新验证?
--------------------更新-------------
我终于能够复制它了:http://plnkr.co/edit/Gjphya?p=preview 因此,如果您 select 在第一个下拉列表中输入一个值,然后单击第二行中的提交,它表示这是必需的。这只发生在 IE 中,不会发生在 Chrome 或其他浏览器中。
而且我认为问题出在这一行:
$scope.selectedService = null;
谢谢!
我需要解决的就是在 select 标签中添加这一行:
<option value="">Please Select...</option>
如果我在控制器中初始化 ng-model,它也可以解决问题,但是如果下拉列表绑定到数组而不是对象集合,有时会导致意外问题。