angularjsを使用してテキストエリアを無効にする

Question

anglejを使用してテキストエリアが空の場合、キーボードのEnterキーを押してもキーボードイベントを処理できないようにしようとしています。テキストエリアが空のときに送信ボタンを無効にすることができましたが、テキストエリアが空のときにイベントを入力するときにテキストエリアを無効にしようとしています。私は私のテキストエリアからエンターキーを押したとき

<div class="descriptionarea"> 
    <textarea ng-model="trackTxt" id="input" ></textarea> 
    <span class="buttonfortxtarea"> 
    <button ng-disabled="!trackTxt" class= "btn btn-mini description_submit" id="new-chat-button">Submit</button></span> 
    </div> 

それは上記のコードは、テキストエリアが空であるか否かが働き、次のコード

document.getElementById('input').addEventListener('keyup', function (e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 13) { // enter key press 
      send(); 
     } 
    }); 

を使用してイベントをトリガ：

は、これが私の試みです。

EDITTED：JSPファイル内angularjs

app.controller('TodoCtrl',function($scope){ 

    //handle javascript enter event on key up 
    // function TodoCtrl($scope) { 

    $scope.trackTxt; 
    $scope.send = function($event){ 
     alert('TEST'); 
    } 

    $scope.isEmpty = function(param){ 
    return param.trim().length === 0; 
    } 
//} 

}); 

の私のapp.jsで

<div ng-controller="TodoCtrl"> 
    <textarea ng-keyup="$event.keyCode == 13 && !isEmpty(trackTxt) && send($event)" ng-model="trackTxt" id="input" ></textarea> 
    <span class="buttonfortxtarea"> 
    <button ng-disabled="!trackTxt" ng-click="send($event)" class= "btn btn-mini description_submit" id="new-chat-button">Submit</button></span> 
    </div></div> 

どのように私は時に今まで起こってから入力したイベントを防ぐためにangularjsを使用することができますしてくださいテキスト領域は空です。あなたは、単にそれが空の場合...

document.getElementById('input').addEventListener('keyup', function (e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 13 && $(this).val() != "") { // enter key press 
      send(); 
     } 
}); 

これも動作するかもしれチェックすることができ

Answer 1

ここ

ng-keyup="$event.keyCode == 13 && functionToCall()" 

が入るイベントによってdemo、

おかげ

Answer 2

：

document.getElementById('input').addEventListener('keyup', function (e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 13 && $(this).val().length <= 0) { // enter key press 
      send(); 
     } 
}); 

をデフォルトを回避するためには、preventDefault() Event Method

document.getElementById('input').addEventListener('keyup', function (e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 13 && $(this).val().length <= 0) { // enter key press 
      e.preventDefault(); //This avoid the enter... 
     } 
}); 

どの程度を使用して入力します。 sendChat（）...

あなたは、キーを押して入力した上で機能を取り付けるためのNG-からkeyupを使用することができます

document.getElementById('input').addEventListener('keyup', function (e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 13 && $(this).val().length <= 0) { // enter key press 
      e.preventDefault(); //This avoid the enter... 
     } 
     else if(code == 13 && $(this).val().length > 0) { 
      sendChat(); 
     } 
});