1

the truth is strange what happens. I'm trying to limit a textarea that takes a description. use the "keypress" event in the browser and everything worked well, but the application is not working. No receipt errors or anything like that, just not working.

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

Also try keyup, this if it works, but in the textarea is still writing and not respesta the limit until the user presses a space.

NHTorres
  • 1,528
  • 2
  • 21
  • 39
  • 1
    why are you using jquery with ionic, mixing jquery and angular can get messy. see http://stackoverflow.com/questions/16935095/correct-way-to-integrate-jquery-plugins-in-angular-js – Jess Patton Jun 24 '15 at 20:24

1 Answers1

2

Its not considered good practice to mix Angularjs and Jquery code together. If you don't have any option then move jquery code to directive. Angularjs is really powerful so you can do rellay amazing stuffs without jquery help with less amount of code. You can achieve your requirement without even a single code of jquery as below.

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;
}
Nabin Singh
  • 377
  • 2
  • 6
  • Hello, thank you very much for your help. I had it totally clear and something had before but did not work on Android, iOS all very well, Android failed so I had to use force to gross jquery code. Anyway probe your solution and it worked great for me !, thank you very much for your help! – NHTorres Jun 25 '15 at 13:19