角度模型不會隨空間更新

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