Getting length of input in angularjs

Question

Trying to show a message of how many chars were used for a text field as-you-type (similar to the comments in Stackoverflow)

I'm using AngularJs with a form. Code looks like this:

  <form name="form">
    <input type="text" name="inp" ng-model="myval" ng-minlength="10">
    <span>
      You have used --INPUT-LENGTH--
    </span>
  </form>

How can I make --INPUT-LENGTH-- show the current length of the input field?

Thanks!

ins0 · Accepted Answer · 2014-08-20 14:37:34Z

2

simple use the .length attribute

<form name="form">
    <input type="text" name="inp" ng-model="myval">
    <span>
        You have used {{myval.length}}
    </span>
</form>

answered Aug 20, 2014 at 14:37

ins0

3,9281 gold badge22 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ben Over a year ago

Thanks. I forgot to add a crucial restriction. Sorry for adding this late.

Jon · Accepted Answer · 2014-08-20 14:39:26Z

0

In its simplest form you can rely on angular binding mechanism which will update dependent variables when things change.

<form name="form">
    <input type="text" name="inp" ng-model="myval">
    <span>
      You have used {{myval.length}} characters
    </span>
</form>

answered Aug 20, 2014 at 14:39

Jon

4,2956 gold badges50 silver badges56 bronze badges

1 Comment

Ben Over a year ago

Thanks. I forgot to add a crucial restriction. Sorry for adding this late.

Collectives™ on Stack Overflow

Getting length of input in angularjs

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related