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

我想要将输入绑定到页面的其他部分，并将用户输入的所有空白替换为其他字符，例如星号。如何强制angular.js接受绑定中的尾随空格？

我（简化）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来演示这个问题。

来源

2014-05-13 Spontifixus