AngularJS | ng-maxlength指令

AngularJS中的ng-maxlength指令用于设置输入字段的最大长度，即它增加了输入字段的限制。它与HTML中的maxlength属性不同，因为前者阻止用户超过限制，而后者则不这样做。如果输入限制超过，它将使表单无效。

句法：

 Contents...  

其中expression是一个数字，表示输入有效的最大限制。

示例：此示例使用ng-maxlength指令检查字符串的最大长度。

  

    ng-maxlength Directive
      
    
    

  

      
    GeeksforGeeks
      
    ng-maxlength Directive
      
    
          
              Atmax 5 characters required
                
              Input: 
             
               
             Click it
               
             
               
             {{msg}}
         
    
      
    
        var app = angular.module('app', []);
        app.controller('geek', function ($scope) {
            $scope.maxlength = function () {
                $scope.msg = "Input is valid";
            };
        });
    

  

输出：
在单击按钮之前：

单击按钮后：