如何解决分页和表单验证
使用带有ng-repeat
和分页的表单时遇到问题。我知道问题的根源,但我不知道如何解决...
我在表单中有一个表格
app.filter('startFrom',function() {
return function(input,start) {
if (input) {
start = +start;
return input.slice(start);
}
return [];
};
});
<form name="dataForm">
<tr ng-repeat="data in filteredData = (data | startFrom: (currentPage-1) * itemsPerPage | limitTo: itemsPerPage) track by $index">
.....
</tr>
</form>
<!-- Pagination -->
<ul class="pull-right" uib-pagination max-size="5" total-items="data.length" ng-model="currentPage" items-per-page="itemsPerPage"></ul>
<!-- Save Button should only be enabled is the form is valid -->
<button class="btn btn-primary" ng-disabled="dataForm.$invalid">Save</button>
我遇到的问题是第1页上的“保存”按钮被禁用,因为我在第1页上的输入有错误(正确),但是如果我进入第2页没有任何错误,则启用“保存”按钮,以便用户可以绕过禁用按钮...
我非常确定问题是因为过滤器正在从表单中删除DOM元素,而没有第1页DOM元素的表单确实有效。 我想我需要一种隐藏元素的方法,而不是从DOM中删除它们。
有帮助吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。