AngularJS:ngMessages无法使用select中的ng选项

由于还没有答案,我正在发布我发现的问题。

所以当我使用 ng-options 它开始在下拉列表中添加一个额外的行,该行可以为空,也可以提供类似“选择我”的内容。

我添加了下面的代码来修复这个问题,在chrome中它不会显示任何空行。

<option value=""  selected hidden/> </select>

但是当我尝试IE时,它仍然有一个空行,所以当我在下拉列表中选择一个值,然后在空行上单击返回 ngMessage 工作正常。因此,如果我在chrome中再添加一个空白选项,然后尝试先选择某个选项,然后单击空白,ngMessage将按预期工作。

问题是 我在期待 <select> to work like the input fields and was trying to use the $touched`状态。但它并不是这样工作的,我在想,只要我点击下拉菜单,如果我把焦点放在其他字段,而不从下拉菜单中选择任何内容,ngMessage应该会激活。我不知道我是否可以通过其他方式实现这一点。

更新的HTML

<select  name="inpName"  ng-model="person.name" ng-options="i as i.name for i in personMap track by i.id" required>
        <option value="">Select one </option> </select>
        <div ng-messages="form.inpName.$error" ng-if="form.inpName.$touched">
          <div ng-message="required">Required field</div>
            </div>
           </div>