按键事件在离子框架中不起作用

Question

发生的事情很奇怪。我正在尝试限制需要描述的文本区域。在浏览器中使用“keypress”事件，一切正常，但应用程序无法正常工作。没有收据错误或类似的东西，只是不工作。

var limite = 140;
$scope.resta = 0;
$('#counter').html("Quedan  "+limite+" caracteres");
  $("#text_view").keyup(function(e, $event){
      var box = $(this).val();
      var value = (box.length *100) / limite;
      $scope.resta = limite - box.length;
      if(box.length <= limite || $scope.resta > 0){
          $('#counter').html("Quedan  "+$scope.resta+" caracteres");
      }
      else{
          $('#counter').html("Quedan  "+$scope.resta+" caracteres");
          e.preventDefault();
          return;
      }               
  });

也可以尝试 keyup，如果它有效，但在 textarea 中仍在写入并且在用户按下空格之前不会限制限制。

Answer 1

将 Angularjs 和 Jquery 代码混合在一起并不被认为是好的做法。如果您没有任何选项，请将 jquery 代码移至指令。 Angularjs 真的很强大，所以你可以用更少的代码在没有 jquery 帮助的情况下完成令人惊奇的事情。您甚至可以在没有如下 jquery 代码的情况下实现您的要求。

HTML

<textarea ng-maxlength="{{limite}}" ng-change="trackChracterCount(box)" ng-model="box"></textarea>"Quedan  {{resta}} caracteres"

Javascript

$scope.limite = 140;
$scope.resta = $scope.limite;

var trackChracterCount = function(box){
    var limite = $scope.limite;
    var resta = $scope.resta;

    $scope.resta = limite - box.length;
}