Textarea wird nicht gelöscht, nachdem das beigefügte Modell in angularjs gelöscht wurde

Question

Ich habe eine textarea an eine $scope Variable angeschlossen, die newNoteText genannt wird. Die html ist:

<textarea spellcheck="true"    
      ng-model="newNoteText"></textarea> 

Es gibt auch eine Schaltfläche, die die eingegebene Notiz speichert.

<button type="button" class="btn btn-default" 
     ng-click="btnPost_clicked(newNoteText)">Post 
</button> 

Hier ist der Controller-Funktion btnPost_clicked:

 $scope.btnPost_clicked = function(newNoteText) { 
      $scope.addNote(newNoteText); 
      $scope.newNoteText = ''; 
     } 

ich über console.log bestätigt, dass $ scope.newNoteText zurückgesetzt auf eine leere Zeichenfolge sein. Aber das Textfeld enthält immer noch den alten Text.

Answer 1

Dies kann nur passieren, wenn Sie einen Fehler in $ scope.addNote (newNoteText) erhalten. Siehe unten stehenden Code und probiere jsfiddle, das ich erstellt habe. Ich logge nur newNoteText in addNote und alles scheint gut zu funktionieren.

HTML:

<div ng-controller="MainCtrl"> 

    <textarea spellcheck="true"    
      ng-model="newNoteText"></textarea> 

    <div>{{txt}}</div> 

    <button type="button" class="btn btn-default" 
     ng-click="btnPost_clicked(newNoteText)">Post 
</button> 
</div> 

JavaScript:

var app = angular.module('myApp', []); 

app.controller('MainCtrl', ['$scope', function($scope) { 
    $scope.txt = ''; 

    $scope.btnPost_clicked = function(newNoteText) { 
    $scope.addNote(newNoteText); 
    $scope.newNoteText = ''; 
    }; 

    $scope.addNote = function(newNoteText) { 
    console.log(newNoteText); 
    } 
}]); 

jsfiddle: https://jsfiddle.net/nikdtu/d89ftrmg/