【问题标题】:Angular model doesn't update with space角度模型不随空间更新
【发布时间】:2014-02-18 05:04:33
【问题描述】:

当 Angular 模型绑定到输入时,如果添加了空格,Angular 似乎不会更新值。即使模型被观察,值仍然不会更新。

我创建了一个JS Fiddle 来演示这个问题。键入一个字符串,并注意绑定跨度中的值更新。但是,在字符串末尾添加一个空格,值不会更新。有没有办法强制角度来观察空间?

具体代码为:

查看

<div ng-controller="MyCtrl">
  <input data-ng-model="inputValue">
  <p>This value: ----<span data-ng-bind="inputValue"></span>----</p>
</div>

控制器

function MyCtrl($scope) {
  $scope.inputValue = 'Superhero';
});

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

    您需要将ngTrim 设置为false。默认情况下,Angular 将其设置为 true,这会修剪输入框中的空白:

    <input data-ng-model="inputValue" data-ng-trim="false" />
    

    小提琴:http://jsfiddle.net/vYLQk/9/

    文档:http://code.angularjs.org/1.2.13/docs/api/ng.directive:input.text

    【讨论】:

    • 谢谢。我的实际问题也更高级一些。我正在尝试通过指令添加 data-ng-trim 属性,但它似乎并不适用。有没有这方面的最佳实践或示例?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-04-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多