Question

我需要在脚本中无法访问 $ scope.mainform.subform.submitted 属性。我的html如下所示。

＆＃13;

<div ng-form="mainform">
    <div ng-repeat="dependent in DependentDetails">
        <ng-form name="subform">
            <input type="text" class="textbox" ng-model="dependent.FirstName"/>
                    
            @*Same goes for other personal details*@
                    
            <input type="button" id="submitbutton"  value="Save"  ng-model="Submit" ng-click="saveDependentDetailsClick($event, $index, dependent)" />
        </ng-form>
    </div>
</div>

＆＃13;

有人可以帮忙吗？

Answer 1

首先，我认为使用<ng-form name="subform">...</div> ng-repeat以某种方式使用它是不正确的，因为最终会有多个具有相同名称的表单（{ {1}}）在同一范围内，您无法参考这些表单中的每一个，因为它们没有唯一的名称，可以为您提供参考。您最终会在同一个html文档中使用相同subform的多个提交按钮，这是一个无效的HTML。

Answer 2

试试这个。

var app = angular
  .module('MyApp', [
  ])
.controller('Main', ['$scope', function ($scope) { 
    $scope.DependentDetails = [{"FirstName":""},{"FirstName":""}];
  
  $scope.saveDependentDetailsClick = function(DependentDetails){
    
    console.log(DependentDetails);
    }
}])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
 <div class="main-content" ng-app="MyApp" ng-controller="Main as myCtrl">
     <div ng-form="mainform">
        <div ng-repeat="dependent in DependentDetails">
            <ng-form name="subform">
                  <input type="text" class="textbox" ng-model="dependent.FirstName"/>
               <input type="button" value="Save" ng-click="saveDependentDetailsClick(dependent)" />
            </ng-form>
         </div>
         
     </div>
</div>

如何在ng-repeat angularjs中提交当前表单

2 个答案: