textarea换行字符数统计-ios兼容的问题(已angular为例)

textarea换行字符数统计

通过length获取双向绑定的字符串长度时，发现IOS上一个换行占两个字符，

解决：ng-maxLength + maxLength

ng-maxlength 指令将限制添加到输入字段和表单的验证器中。
ng-maxlength 与 HTML 中的 maxlength 属性不同，这将阻止用户键入超出限制数量的字符。
ng-maxlength 指令不会阻止用户键入超出限制数量的关闭字符，但如果这样做，则该表格将无效。

<input type=“text” ng-maxLength=“dealCurrentMaxLen(paramsText,150)” maxLength=“{{maxLength}}” ng-model=“paramsText”/>
字数限制显示：{{paramsText.length}}/150

$scope. paramsText =“”;    //双向绑定的值
$scope.maxLength=150；    //通过动态设置input的maxlength值来兼容ios


$scope.dealCurrentMaxLen(str, maxLen) {    //初始化及输入时动态计算maxLength的值及限制用户输入超出范围的字符
  if (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {    //ios设备
    let reg = new RegExp(/\n/g);
    let lineNum = str.match(reg);
    $scope.maxLength=lineNum ? lineNum.length + maxLen : maxLen;
    return lineNum ? lineNum.length + maxLen : maxLen
   } else {
    return maxLen
  }
},