Angular Form Submission funktioniert nicht in ng-Repeat-Schleife

Question

Wenn ich ein Formular in ng wiederholen Schleife wird Formularwert nicht übergeben.

<li ng-repeat="com in post.comments">{{ com.body }}   
     <h4>Reply</h4> 
     <form ng-submit="addReply()"> 
      <textarea name="rbody" ng-model="rbody"> </textarea>        
      <button type="submit">Reply</button> 
     </form>  
    </li> 

in Controller:

$scope.addReply = function(){ 
    console.log($scope.rbody); 
}; 

Aber wenn ich außerhalb der Form halten dann Schleife dann ich Wert in der Konsole erhalten. Was ist das Problem in meinem Code

Answer 1

Sie verwenden einen einzigen Wert Ihrer $scope.rbody Variable: Daher wird es bei jeder Iteration von ng-repeat ersetzt.

um dieses Problem zu beheben, einfach die ng-model der Form heften sich an der aktuellen ng-Repeat-Iteration, zum Beispiel:

<li ng-repeat="com in post.comments">{{ com.body }}   
    <h4>Reply</h4> 
    <form ng-submit="addReply(com)"> 
     <textarea name="rbody" ng-model="com.rbody"></textarea>        
     <button type="submit">Reply</button> 
    </form>  
</li> 

dann in Ihrem Controller werden Sie jeden eingefügten Wert Ihres Arrays erhalten können, :

$scope.addReply = function(comObj){ 
    console.log(comObj.rbody); 
};