Werte nicht speichern von ng senden für Textarea

Question

Ich versuche, ein Review-System zu simulieren. Wie übergibt ng submit Werte an den Controller?

In meinem Controller Ich habe

$scope.reviews = function() { 
 
    $scope.rating = 0; 
 
    $scope.max = 5; 
 
}; 
 
$scope.myTextArea = ''; 
 
$scope.saveReview = function(rating, myTextArea) { 
 
    console.log(rating); 
 
    console.log(myTextArea); 
 
};

Aus meiner Sicht habe ich:

<form name="reviewForm" class="form-horizontal" ng-submit="saveReview(rating, myTextArea)" novalidate> 
 
    <div> 
 
    <rating ng-model="rating" max="max" aria-labelledby="'product.title'"></rating> 
 
    </div> 
 
    <div>This is the rating: {{rating}}</div> 
 
    <div class="animate-switch" ng-switch-when=true> 
 
    <textarea ng-model="myTextArea" class="form-control" placeholder="Write a short review of the product." title="Review"></textarea> 
 
    </div> 
 
    <button type="submit" class="btn btn-primary pull-right">Submit Review</button> 
 
</form>

Wenn ich das Formular abschicken, wird die saveReview Funktion aufgerufen und Ausdruck in der Konsole ist 0 und ''. Daher wird keiner der Werte gespeichert/übergeben. Ng-Modellbewertung zeigt 5 Sterne und wenn Sie auf 4 Sterne klicken, wird {{rating}} angezeigt 4.

Irgendwelche Ideen?

Answer 1

Übergeben Sie nichts in die saveReview()-Funktion unter ng-submit. Stattdessen lassen Sie die saveReview() die Variablen aus dem Geltungsbereich verwenden. Verkapseln Sie auch die Variablen innerhalb eines Objekts. Zum Beispiel: ng-model="review.rating" und ng-model="review.text". Angenommen, es gibt viele, Sie brauchen eine, um ein Objekt zu sein;)