清除angularjs中的附加模型后Textarea不会清除

Question

我有一个textarea 附加到一个名为newNoteText 的$scope 变量。 html是：

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

还有一个按钮可以保存输入的笔记。

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

这里是控制器函数btnPost_clicked：

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

我通过 console.log 确认 $scope.newNoteText 被重置为空字符串。但 textarea 仍然保存旧文本。

Answer 1

只有在 $scope.addNote(newNoteText) 中出现错误时才会发生这种情况。请参阅下面的代码并尝试我创建的 jsfiddle。我只是在 addNote 中记录 newNoteText，一切似乎都正常。

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/