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

Question

我有一个 HTML 文件，使用 <textarea>我想使用 Angular Controller 获取其输入。相关HTML代码如下:

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

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

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

产生输出:

Feedback text= ""

我使用“console.log()”只是为了调试目的，但我希望能够从 <textarea> 看到实际的输入值。我对 HTML 编码相对较新，尤其是使用 Angular，所以请原谅我对此事缺乏经验。最后我只是想检查一下 <textarea> 中是否没有文本。 。有关如何执行此操作的任何建议，以便我可以注入(inject)来自 <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