如何强制angular.js接受绑定中的尾随空格？

Question

我想将输入绑定到页面的其他部分,并将用户输入的所有空格替换为其他一些字符,例如星号.

我的(简化)HTML代码如下所示:

<div ng-app>
    <div ng-controller="MyCtrl">
        Output: "{{input}}"<br />
        <input type="text" ng-model="rawInput" ng-change="onInputChanged()" />
    </div>
</div>

相关的控制器也非常简单:

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.input = '';
    $scope.rawInput = '';
    $scope.onInputChanged = function() {
        $scope.input= $scope.rawInput .replace(/\s/g, '*');
    };
};

结果不如预期.进入'Hello '文本框时,结果输出"Hello"将删除尾随空格.对于输入结尾处的多个空格也是如此.

在输入中添加非空格字符时,'Hello W'正确地替换和显示空格:"Hello*World".

所以这是我的问题:如何绑定文本框的值,保留用户输入的所有空格？

我创建了JSFiddle来演示这个问题.

Answer 1

ng-trim="false"在您的输入中设置.

从角度文档

如果设置为false,Angular将不会自动修剪输入.