Closed 411805576 closed 5 years ago
错误信息是挂载在 form 表单上的,如果表单在模态框中 是不应该出现这种情况的,可以给个示例代码看看
重置表单有个 reset 方法
使用reset重置表单确实解决了,但是ui-select2 `这个控件验证没有提示,我在下拉框上面写了一个普通的select进行验证,点击普通的select验证提示是正常的,点击ui-select2联动普通的select却没效果了。
<div>
<select ng-model="data.campus.id" name="select"
ng-options="item.id as item.name for item in campusList" required>
<option value="">-- 请选择 --</option>
</select>
</div>
<div class="col-md-12">
<select id="campusSelect" ui-select2="select2Options" style="width: 100%;"
class="form-control" ng-model="data.campus.id"
ng-options="item.id as item.name for item in campusList">
<option value="">-- 请选择 --</option>
</select>
</div>
在 Angular.js 1.x 中自定义的组件使用 ng-model 是无法触发表单验证的,可以通过一个隐藏的原生select元素实现验证,然后通过在 ui-select 上设置样式,可以参考:https://zhuanlan.zhihu.com/p/51467181 文章
很抱歉过了这么久才回复你,如果你已经升级到了 Angular 2+,推荐使用我最近加的验证 https://github.com/why520crazy/ngx-validator
当然 Angular 2+ 中自定义的组件是支持表单验证的
模态框中的验证错误后,我重新打开模态框,之前的错误提示还在,怎样处理才能清除掉?