Question

我有一个带有ng-model绑定的文本框，我输入一个左边空格（4或5个空格）的值，并用ng-click更改ng-model值。但左侧空间仍然存在于文本框中。我必须使用jquery trim来删除左边的空白区域。怎么做角度。为什么文本框值不变这里是plunker

       <!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <input type="text" ng-model="name">
    <button ng-click="save();">Save</button>
    <h1>{{name}}</h1>
    after save:{{savedName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.save=function(){
      $scope.name=$scope.name.trim();
      $scope.savedName=$scope.name.trim();
    }
});
</script>
</body>
</html>

here is plunker

Answer 1

看起来你有一个与sope.name.trim打字错误。

Answer 2

$ scope

中的错字错误

更改

发件人

$scope.name=$sope.name.trim();

TO

$scope.name=$scope.name.trim();

<强> DEMO

<强>更新您需要将ngTrim设置为false。默认情况下，Angular将其设置为true，

<input ng-model="name" ng-trim="false" />

<强> DEMO

ng-model不使用文本框更新值

2 个答案: