角度模型不會更新空間

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。默認情況下，它的角設置爲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