javascript - Angular 模型不随空间更新

Question

当 Angular 模型绑定(bind)到输入时，如果添加空格，Angular 似乎不会更新值。即使模型被观看，该值仍然不会更新。

我创建了一个 JS Fiddle来证明这个问题。键入一个字符串，并注意绑定(bind)跨度更新中的值。但是，在字符串末尾添加一个空格，值不会更新。有没有办法强制 angular 也观察空间？

具体代码为:

查看

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

Controller

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

Answer 1

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

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

fiddle :http://jsfiddle.net/vYLQk/9/

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