Javascript 角度模型不';不能用空格更新

Javascript 角度模型不';不能用空格更新,javascript,angularjs,Javascript,Angularjs,当一个角度模型绑定到一个输入时,如果添加了一个空格,那么角度模型似乎不会更新该值。即使监视模型,该值也不会更新 我创建了一个示例来演示这个问题。键入一个字符串,注意绑定范围中的值将更新。但是,在字符串末尾添加一个空格,该值不会更新。有没有办法强迫angular观察空间呢 具体代码为: 查看 <div ng-controller="MyCtrl"> <input data-ng-model="inputValue"> <p>This value: ---

当一个角度模型绑定到一个输入时,如果添加了一个空格,那么角度模型似乎不会更新该值。即使监视模型,该值也不会更新

我创建了一个示例来演示这个问题。键入一个字符串,注意绑定范围中的值将更新。但是,在字符串末尾添加一个空格,该值不会更新。有没有办法强迫angular观察空间呢

具体代码为:

查看

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

您需要将
ngTrim
设置为false。默认情况下,Angular将其设置为true,这将修剪输入框中的空白:

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

小提琴:


医生:

谢谢。我的实际问题也有点复杂。我试图通过一个指令添加data ng trim属性,但它似乎不适用。有什么最佳实践或例子吗?
<input data-ng-model="inputValue" data-ng-trim="false" />