Question

当角度模型绑定到输入时，如果添加了空格，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';
});

Answer 1

您需要将ngTrim设置为false。默认情况下，Angular将其设置为true，从而修剪输入框中的空白区域：

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