2016-10-18 63 views
0

我有一個使用<textarea>的HTML文件,其輸入要使用Angular控制器獲取。相關的HTML代碼如下:無法使用Angular獲取HTML textarea輸入文本

<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)); 
} 

產生輸出:

反饋文本= 「」

我用一個「控制檯.log()「僅用於調試目的,但我希望能夠看到來自<textarea>的實際輸入值。我對HTML編碼比較陌生,特別是使用Angular,所以請原諒我對這個問題的經驗不足。最後我只想查看<textarea>中是否沒有文字。有關如何做到這一點的任何建議,所以我可以將數據輸入從<textarea>注入到Angular中?謝謝!

回答

4

要重設值「」,只是刪除了這一行,

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

而且你是不是在你的代碼調用finishSummary()的任何地方,你可以說它是在NG-模糊看到的變化可變

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

DEMO

+0

或移動它復位線之上的console.log! :) – Zach

+0

@Sajeetharan我忘了提及我有一個按鈕,調用finishSummary()。但是我做了你所建議的改變,現在我得到了「反饋文本=未定義」。還有其他建議嗎? – Justin

+0

@Justin可能你做錯了什麼,檢查plunker https://plnkr.co/edit/gYk1TpBFz332SaaF1AkN?p=preview – Sajeetharan