角度模型不会随空间更新

Question

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

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

具体代码是:

视图

<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';
});

Answer 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