AngularJs不验证无效的下拉选择

Question

这是一个演示问题的基本插件。

• 当您将dropdownlist / select元素模型设置为空时，您会收到所需的错误消息

• 但是当您从控制器设置模型时，模型不是所提供的ng-options中的选项，则select元素无法显示required。但是下拉/选择处于无效状态

Plunker

http://plnkr.co/edit/gLtjRwkaaBOQG7YMvDav?p=preview

那么我们如何解决这个问题呢？

Answer 1

Reference Documentation - 滚动到$error部分的底部。

$error仅验证select标记的属性，而不验证所选的选项。

required是select标记的一个属性 - 因此当下拉列表为空时，$error标志设置为true。

但是，$error不会处理不属于预定义选项的选项 - 您必须使用以下内容自行处理：

<input type="button" value="Submit" ng-click="submitForm($event)">

在你的控制器中：

$scope.submitForm = function (event) {
    event.preventDefault();

    //Do your validation on the select value

    //If everything is fine, call the actual submit function
};