使用提示选项进行AngularJS验证

发布时间：2020-12-17 07:47:31 所属栏目：安全来源：网络整理

导读：我在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"Pr

我在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)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!