如何删除文本区域角度js中的空白区域

时间:2016-12-13 10:12:11

标签: jquery angularjs

当用户输入N个空格时,是否有修剪/删除文本区域中的初始和中间空白区域。

空白也被计算为角色。

实际结果:

enter image description here

预期结果

enter image description here

2 个答案:

答案 0 :(得分:0)

是的! 看看ngKeyup angular指令。 当按下的键是空格时,您可以注册范围功能并执行逻辑。

答案 1 :(得分:0)

您可以使用ng-change在textarea更改上触发事件

 <textarea ng-model="myStr" ng-change="removeSpaces()" ng-trim="false"></textarea>

在控制器中

  $scope.removeSpaces = function() {
    $scope.myStr=$scope.myStr.replace(/^ +/g,'').replace(/  +/g, ' ');
  };

DEMO

注意

如果设置ng-trim = true,则在textarea中输入空格时不会触发ng-change。

所以有两种方法可以做到这一点

  1. 如果你设置ng-trim="true",它会自动修剪字符串。(但不能输入空格)
  2. 如果设置ng-trim="false",则必须修剪事件触发器上的前导和结束空格