AngularJS脏标记和空白

时间:2014-07-16 14:36:41

标签: angularjs

我准备了一个JSFiddle来演示我们目前遇到的问题。

输入文本字段将记住所有前导或尾随空白,但不会更新模型。所以我没有机会修剪那些空白并用$ resource(或其他任何东西)更新Scopevar。

输入字段的值将保持空白,直到Scopevar被其他值覆盖。

请参阅:http://jsfiddle.net/2rdVv/4/

有人可以解释这种行为吗?错误还是功能?

<input type="text" ng-model="element.name" maxlength="100" />

$scope.loadFirstValue = function() {
    $scope.element = {
        name : 'Superhero'
    };
}

2 个答案:

答案 0 :(得分:0)

它是一种正常行为,应该是这样的,它是一种双向数据绑定。 read more about it

enter image description here

答案 1 :(得分:0)

是的,但您可以在较新版本中更改此行为。

  1. 将角度更新为1.1.x或更高版本
  2. 在输入中使用ng-trim
  3. 示例:http://jsfiddle.net/keL8H/1/

    <input type="text" ng-model="element.name" maxlength="100" ng-trim="false" />