javascript - 验证 AngularJS 集合有项目

标签 javascript validation angularjs

我有一个表单,可以将多行添加到特定集合中。我使用 ng-repeat 显示输入。

我想添加验证,以确保集合中至少有一项,如果没有,则阻止提交。

由于验证不是针对输入值,而是针对 Controller 的属性,所以我似乎无法解决:

  1. 在哪里进行验证
  2. 如何在集合长度发生变化时运行验证

最佳答案

您可以使用ngDisabled提交按钮上的指令来实现它:

<div ng-show="dataList.length == 0">Add at least one record</div>
......
<button ng-disabled="dataList.length == 0">Submit</button>

关于javascript - 验证 AngularJS 集合有项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18564180/

相关文章:

javascript - 向表单元素添加事件

python - Django Rest Framework 中的嵌套验证

javascript - Angular.js 和 ng-switch-when - 模拟枚举

javascript - 使用 async/await/Promises 在 JavaScript/TypeScript 中实现事件同步原语

asp.net-mvc - ASP.NET MVC ValidateInput(false)停止使用xMl和[正则表达式] DataAnnotation

javascript - 从 Delta on Quill 获取 HTML

javascript - Laravel 4 和 Angular JS 以及 Twitter Bootstrap 3 分页

javascript - AngularJS Controller 中的重构函数

javascript - 使用 RXJS lib 在 Angular 中,当浏览器选项卡处于非事件状态时暂停间隔订阅,并在选项卡处于事件状态时恢复订阅

javascript - 从 Highstock/Highcharts 获取奇怪的错误信息