Wie aktuelles Formular in ng-repeat angularjs

Question

Ich brauche nicht in der Lage, auf die $ scope.mainform.submitsed Eigenschaft in meinem Skript zugreifen. Mein HTML geht wie folgt.

<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>

Kann jemand helfen?

Answer 1

versuchen Sie dies.

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>

Answer 2

Zunächst einmal denke ich, dass es nicht richtig ist <ng-form name="subform">...</div> in ng-repeat in einer Art und Weise Sie es verwendet haben, zu verwenden, da Sie mit mehreren Formularen mit demselben Namen wird am Ende (subform) innerhalb Im selben Umfang können Sie daher nicht auf jede dieser Formen verweisen, da sie keinen eindeutigen Namen haben, der Ihnen einen Verweis darauf bietet. Sie werden auch mit mehreren Senden Schaltflächen mit der gleichen id="submitbutton" im selben HTML-Dokument am Ende, die eine ungültige HTML ist.