我想将输入绑定到页面的其他部分,并将用户输入的所有空格替换为其他一些字符,例如星号.
<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来证明这个问题.
解决方法
在输入中设置ng-trim =“false”.
If set to false Angular will not automatically trim the input.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。