AngularJS-当默认下拉选项保持选中时显示错误消息

我想在用户与下拉选择器交互且未选择任何内容时向用户显示错误

我有这个：

<div class="row">
<div class="col-md-6">
   <div class="form-group">
      <label class="control-label" translate="contacta.form.contact" for="field_contact">Modo de contacto preferido</label> 
      <select id="field_contact" name="contact" required 
         class="form-control form-control-200" ng-model="vm.form.contact" style="min-width: 250px">
         <option disabled selected value style="display:none"
            translate="contacta.form.select.default"> -- Select an option -- </option>
         <option value="email"
            translate="contacta.form.select.selectemail">E-Mail</option>
         <option value="telefon"
            translate="contacta.form.select.selectphone">Teléfono</option>
      </select>
      <div ng-show="contactaForm.contact.$invalid && contactaForm.contact.$dirty">
         <p class="help-block" ng-show="contactaForm.contact.$error.required" translate="contacta.form.validation.required">This field is required.</p>
      </div>
   </div>
</div>

我试图实现的是，每当用户单击作为默认值的下拉列表（选择一个选项），并且没有单击E-Mail或Phone中的任何一个可用值时，字段下方都会显示一个错误，并显示一个This field is required字符串

---

到目前为止，它还不起作用。

从该属性中删除选定的属性并重试，但如果您不触摸它，只点击提交，$dirty是否为真？@JYoThI是的，成功了：但是，没有红色内联显示错误。仅常规灰色文本颜色。删除禁用的属性too@JYoThI仍然不起作用。然而，这是另一个问题。如果你想写一个答案，我会把它标记为正确的：