使用提示选项进行AngularJS验证

我在Bootstrap中设置了一个选择下拉列表输入的代码.

<select class="form-control" name="businessprocess" ng-model="businessprocess" required>
    <option value="">-- Select Business Process --</option>
    <option value="C">Process C</option>
    <option value="Q">Process Q</option>
</select>

在用户能够提交此表单之前,他或她必须选择一个业务流程.

所以我已经在select语句中放置了所需的指令,但是由于第一个选项标签有 – 选择业务流程 – 仍然被视为选定的选项,因此满足所需的标志,因此即使没有选择实际的业务流程.

如何克服这个问题？

谢谢.

这种方法可以/应该解决你的问题：

1)在范围内声明选项：

$scope.processes = [
    { code: "C",name: "Process C" },{ code: "Q",name: "Process Q" }
];

和2)使用这个声明：

<select class="form-control" name="businessprocess" ng-model="businessprocess" required
    ng-options="c.code as c.name for c in processes" >
    <option value="">-- Select Business Process --</option>
</select>

事实上,这里的诀窍实际上是在角度周期中,首先会解决当前值不在进程选项之间的问​​题.所以默认设置为：

< option value =“”> – 选择业务流程 – < / option>

并要求将按预期工作(more details)