无法使用 Angular 获取 HTML textarea 输入文本

Question

我有一个使用 <textarea> 的 HTML 文件，我想使用 Angular 控制器获取其输入。相关HTML代码如下：

<div class="list">
  <textarea
    placeholder="Comments"
    id="feedback"
    ng-model="feedbackInput">
  </textarea>
</div>

这是我的 Javascript 控制器的相关代码，我觉得它在正确的轨道上，但会产生输出：

$scope.finishSummary = function(){
    $scope.feedbackInput = "";
    console.log( "Feedback text = " + JSON.stringify($scope.feedbackInput) );
}

产生输出：

反馈文字=“”

我仅出于调试目的使用“console.log()”，但我希望能够从<textarea> 中查看实际输入值。我对 HTML 编码比较陌生，尤其是在使用 Angular 方面，所以请原谅我对这件事缺乏经验。最后我只想检查<textarea>中是否没有文字。有关如何执行此操作的任何建议，以便我可以将来自 <textarea> 的数据输入注入到 Angular 中？谢谢！

Answer 1

您正在重置值“”，只需删除该行，

$scope.finishSummary = function(){   
    console.log( "Feedback text = " + JSON.stringify($scope.feedbackInput) );
}

另外你没有在代码中的任何地方调用finishSummary()，你可以在ng-blur中调用它来查看变量的变化

 <textarea
    placeholder="Comments"
    id="feedback"
    ng-blur="finishSummary()"
    ng-model="feedbackInput">
  </textarea>

DEMO