当多个表单中的相同 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,它也可以解决问题,但是如果下拉列表绑定到数组而不是对象集合,有时会导致意外问题。