javascript - required 指令不适用于 Angular 中的选择标签

Question

我有一个表单将多个字段required附加了指令，如下所示：

<input type="text" name="city" placeholder="Business City" data-ng-model="$ctrl.formData.city" required>

除select下拉菜单外，所有功能都在工作。我有它，所以默认文本显示，提示用户从下拉列表中选择。尽管表单返回有效，即使用户没有从下拉列表中选择选项。这是selecthtml。

<select name="timezone" id="timezone" class="form-control font-body pill-radius"
    data-ng-model="$ctrl.formData.timezone"
    data-ng-options="zone.abbr for zone in $ctrl.ustimezones"
    required>
    <option value="" disabled selected>Select timezone</option>
</select>

问题

为什么没有检测到所需的指令，从而导致表单有效，允许用户提交？我试过ng-required="true"了，我遇到了同样的问题。