Как ограничить длину текстового поля в HTML с помощью Angular JS

Question

Я хочу ограничить текстовое поле «Комментарии» 40-ю символами. Я использовал макс = 40. Это не работает. Кто-нибудь, пожалуйста, помогите мне решить эту проблему

Код:

<label for="cmds">Comments</label>
<input type="text" max="40" class="form-control" id="cmds" name="cmds" 
       data-ng-model="Audit.cmds" placeholder="null" >

Answer 1

<label for="cmds">Comments</label>
<input type="text"  ̶m̶a̶x̶=̶"̶4̶0̶"̶ class="form-control" id="cmds" name="cmds" 
       data-ng-model="Audit.cmds" placeholder="null" 
       ng-maxlength="40" />

Для получения дополнительной информации см. Справочник по API AngularJS ng-maxlength .

Answer 2

Поскольку вы имеете дело с комментариями, лучше использовать textarea вместо input type = "text".

С помощью textarea вы можете сделать:

<textarea maxlength="40" id="comments" cols="" rows="">

Демо: https://jsfiddle.net/akshaymhatre89/L8fky10q/4/