無法使用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