ng-model沒有更新文本框的值

我有一個帶有ng-model綁定的文本框，我用左邊的空格（4或5個空格）輸入一個值並用ng-click來改變ng-model的值。但留下的空間仍然存在於文本框中。我必須使用jquery trim去除左邊的空白區域。如何在角度上做到這一點。爲什麼文本框的值不改變這裏是plunkerng-model沒有更新文本框的值

 <!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

來源

2016-09-17 Dasaradha Nimmala

嘿你檢查的演示？ – Sajeetharan

是的。它正在工作，但我忘了刪除$ scope.name =「withleftspace」，同時發佈.as按我的需求名稱應該是動態的。我更新了我的帖子，請看看新的打磚塊 –

看起來你有sope.name.trim一個錯字。

來源

2016-09-17 12:12:09

對不起，但它沒有工作，雖然我糾正了錯字錯誤。 –

錯字錯誤在$範圍

變化

FROM

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

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

DEMO

UPDATE： 您需要設置ngTrim爲false。默認情況下，它的角設置爲true，

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

DEMO

來源

2016-09-17 12:15:00 Sajeetharan

對不起，但它沒有工作，雖然我糾正了錯字錯誤.forgot刪除控制器中的名稱分配。 –

@DasaradhaNimmala你檢查過我演示的demo嗎？ – Sajeetharan

是的。它正在工作，但我忘了刪除$ scope.name =「withleftspace」;發佈.name應該是動態的。我更新了我的帖子。 –

ng-model沒有更新文本框的值

回答

相關問題