加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 07:08:04 所属栏目:安全 来源:网络整理
导读:我想将输入绑定到页面的其他部分,并将用户输入的所有空格替换为其他一些字符,例如星号. 我的(简化)HTML代码如下所示: div ng-app div ng-controller="MyCtrl" Output: "{{input}}"br / input type="text" ng-model="rawInput" ng-change="onInputChanged()"
我想将输入绑定到页面的其他部分,并将用户输入的所有空格替换为其他一些字符,例如星号.

我的(简化)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来证明这个问题.

解决方法

在输入中设置ng-trim =“false”.

从angular documentation起

If set to false Angular will not automatically trim the input.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读