Why does Angular provide ng-maxlength when there is a standard maxlength?

后端 未结 2 550
终归单人心
终归单人心 2021-01-17 10:02

HTML provides a standard maxlength attribute since version 4.01. Angular provides a ng-maxlength directive.

The difference is that the standard approach doesn\'t all

相关标签:
2条回答
  • 2021-01-17 10:17

    Not only it provide validation for max length, it also adds a class ng-invalid-maxlength. so when you put anything beyond the limit ng-invalid-maxlength class will placed there and in that class you can write your own css.

    So after key press if validation fails, the css will be invoked simultaneously and reflects on your UI.

    0 讨论(0)
  • 2021-01-17 10:30

    The previous answer may of been correct in earlier versions of angular but as of today and Angular v1.5.5, it looks like maxlength does exactly the same thing as ng-maxlength but also enforces the HTML inputs maxlength property on inputs of type text.

    Example:

    <input type="text" maxlength=5>
    

    maxlength will enforce a 5 character max on the input and also add the correct angular validation class to the input.

    Whereas ngMaxlength will only enforce validation. See: https://docs.angularjs.org/api/ng/directive/ngMaxlength

    Advise: Just use maxlength.

    0 讨论(0)
提交回复
热议问题