ng-repeat内的ng-form不更新子窗体。

Question

我正在尝试在ng-repeat内创建表单，除“提交”按钮外，其他一切都正常。 提交按钮放置在主窗体中，这对于所有子窗体都是通用的。
如果单击提交按钮，则mainForm.$submitted会更新，但userForm.$submitted剂量不会更改。 有什么解决办法吗？

  angular.module("sampleApp", []) .controller('sampleCtrl', function($scope) { $scope.users = [{},{}]; }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script> <div ng-app="sampleApp" ng-controller="sampleCtrl"> <form name="mainForm" novalidate> <input type="text" name="school" ng-model="school" required> main form input valid=>{{mainForm.school.$valid}} <div ng-repeat="user in users"> <ng-form name="userForm"> <input type="text" ng-model="user.name" name="name" required> sub form input valid=>{{userForm.name.$valid}} | sub form submit=>{{userForm.$submitted}} </ng-form> </div> <button type="submit">Submit</button> Form valid=>{{mainForm.$valid}} | Main From submit => {{mainForm.$submitted}} </form> </div> 

Answer 1

介绍

因此，我在按钮上添加了ng-click处理程序，以便您也可以设置内部表单的提交状态。

我唯一的困难是实际获取表单引用，但是我添加了$scope.setUserForm函数，该函数使用ng-init调用。 解决方案模式来自： https : //stackoverflow.com/a/23862411/1688441

另外，请记住，您需要一组userForms来保留引用。 单击时，您将遍历这些元素并设置提交的内容。

码

  angular.module("sampleApp", []) .controller('sampleCtrl', function($scope) { $scope.UserForms = []; $scope.setUserForm = function(form) { $scope.UserForm = form; $scope.UserForms.push(form); } $scope.forms = {}; $scope.users = [{}, {}]; $scope.handleClick = function() { $scope.UserForms.forEach(function(element) { element.$submitted = true; }); }; }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script> <div ng-app="sampleApp" ng-controller="sampleCtrl"> <form name="mainForm" novalidate> <input type="text" name="school" ng-model="school" required> input valid=>{{mainForm.school.$valid}} <div ng-repeat="user in users"> <ng-form name="userForm"> <div ng-init="setUserForm(userForm);"></div> <input type="text" ng-model="user.name" name="name" required> input valid=>{{userForm.name.$valid}} | form submit=>{{userForm.$submitted}} </ng-form> </div> <button type="submit" ng-click="handleClick()">Submit</button> Form valid=>{{mainForm.$valid}} | From submit => {{mainForm.$submitted}} </form> </div>