使用提示选项进行AngularJS验证

前端之家收集整理的这篇文章主要介绍了使用提示选项进行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)

猜你在找的Angularjs相关文章