ng-repeat 内的 ng-form,ng-repeat 外的提交按钮 [英] ng-form inside ng-repeat with submit button outside of ng-repeat
问题描述
我有这个代码:
<ng-form name="form1"><div class="col-xs-3"><div class="form-group"><input ng-model="inputs.number[$index]" type="number" name="number$index" class="form-control" placeholder="" min="1" max="9999" required/><small class="label label-danger" data-ng-show="submitted && form1.number$index.$error.required">required</small><small class="label label-danger" data-ng-show="submitted && form1.number$index.$error.number">number</small><small class="label label-danger" data-ng-show="submitted && form1.number$index.$error.max">number max</small>
</ng-form>
<button data-ng-click="add(form1)" class="btn-add" style="padding-left: 40%;"></button>
控制器:
//表单添加处理程序.$scope.add = 函数(表单){//触发验证标志.$scope.submitted = true;//如果表单无效,返回并让 AngularJS 显示验证错误.如果(形式.$无效){console.log('无效');返回;} 别的 {var newItemNo = $scope.inputs.length + 1;var 输入 = { 'id': 'input' + newItemNo }$scope.inputs.push(inputs);$scope.isDisabled = false;}};
问题是我只能验证 ng-repeat 和 ng-form 中的表单输入,并且我需要在该 html 块之外触发事件,也许我只是个菜鸟(第一次使用 angular1 验证).我会感谢一些帮助.提前致谢.
根据您的评论并遵循为 ng-repeat 中的每个元素生成表单的相同目标,这应该是答案:
html